[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폴더에 다운받은 fortorama파일을 각각 넣어준다.

2. head안에 경로에 주의하여 로딩한다.

3. customize를 이용하여 만들어본다!

** 출력 결과 **

• Datetimepicker (날짜 관련 plugin)

- 앞서 설명한 방식과 동일하게 플러그인을 사용해보도록 한다.

** 출력 결과 **

    

           

cf)  이미지를 아이콘화하여 사용하기

( EX )

background-image : url("css/fortorama.png");

background-position: 10% 10%;

이런식으로 사용한다!