plugin2 [jquery] jQuery Plugin 이용하기2 (170404) jQuery Plugin 이용하기2 Fortorama (이미지 슬라이드 플러그인) - 직접 만들지 않고도 플러그인을 이용하여 충분히 편리하고 쉽게 이미지 슬라이드를 만들 수 있다. - CDN을 이용한 Fotoramam Plugin 이용하기1. http://fotorama.io/set-up/ 에 접속한다.1. CDN을 복사하여 head에 붙인다. ( fotorama.css / fotorama.js )- CDN이 아닌 파일일 경우 경로 설정에 유의해야 한다.2. body에 img를 넣고 사용한다.3. http://fotorama.io/customize/ 에서 여러가지 customize를 이용해본다. ** 출력 결과 ** - Download를 이용한 fortorama 이용하기1. css폴더와 js폴더에 다운받.. 2017. 4. 4. [jquery] jQuery Plugin 이용하기 (170403) jQuery Plugin 이용하기 jQuery Plugin 사용 방법1. 이용할 plugin을 다운받는다.2. js 폴더에 plugin 파일을 넣는다.3. html 에 script 로딩을 한다.4. 이용한다. smoothScroll 이용 예 >1. 다운을 받는다. 2. js폴더에 다운받은 js파일을 넣는다. 3. 플러그인을 로딩한 후 action을 사용한다. - 이 때, option 항목을 확인하여 이용할 수 있다!- 동일한 방법으로 imgLiquid.js, lazyload.js를 이용해본다! lazyLoad (스크롤 내릴때 이미지 로딩하기) imgLiquid (이미지 비율 맞춰 일정크기로 출력하기) - 대략 이러한 형태로 이미지의 크기를 조정한다. - data-num, data-name 등 data-X.. 2017. 4. 3. 이전 1 다음
