[JavaScript] slick 플러그인 연결하는 법

slick이란

slick은 웹 사이트에서 반응형을 구현하는 jQuery의 플러그인 입니다.

웹 페이지의 이미지 슬라이드에 많이 활용됩니다.

 

https://kenwheeler.github.io/slick/

slick - the last carousel you'll ever need

 

 

 

 

 

slick 플러그인 연결하기

slick 홈페이지에서 파일 다운로드

 

압축을 풀고 slick 폴더 안에 있는

slick.css

slick.min.js

파일을 현재 작업하고 있는 내 파일에 넣어줍니다.

( slick.min.js는 slick.js에서 엔터값을 없애 용량을 줄인 버전입니다. )

 

 

    <link rel="stylesheet" href="css/slick.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script src="js/slick.min.js"></script>

 

slick.css,  jQuery,  slick.js를 html에 연결해주시면 됩니다.

 

 

html