본문 바로가기

IT/Develop

slick slider 플러그인 사용법 / 반응형 슬라이더

 

slick master 다운로드

slick-master.zip
0.05MB

 

CDN 사용

CSS

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>

JS

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
				

 

 

 

 

 

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

 

slick - the last carousel you'll ever need

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

kenwheeler.github.io

 

*** 참고

slick jquery가 1 버전으로 설정되어있는데 3 버전으로 바꿀 경우

아래와 같이 형식을 바꿔줘야 함!

 

Before:

$(document).ready(function() { // ... });

 

jQuery 3:

$(function() { // ... });