eunyo의 it이야기

홈페이지를 만들다보면 슬라이드 기능을 자주 사용하는데요. 이때 사용하기 좋은 슬라이더 라이브러리인 slick slider를 알아보겠습니다. 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 1. 설치(CDN) 홈페이지에서 다운로드받거나, cdn을 사용해주시면 됩니다. cdn 주소는 head에 넣어주시고 jquery와 함께 사용해주셔야 합니다! ..

개인적으로 가장 잘되있다고 생각하는 이미지 슬라이드 플러그인입니다. 플러그인 자체에 사용 예제도 많고 사용법도 간단해서 자주 사용합니다. 또한 반응형까지 지원해줍니다. 우선 kenwheeler.github.io/slick/ 사이트에 가서 플러그인을 다운 받습니다. 상단 메뉴의 get it now > 다운로드에서 다운로드받으시면 됩니다. 01. 추가 사용방법은 가장 먼저, jqurey와 js, css를 추가해줍니다. 혹은 설치하지 않고 사용할때에는 아래 소스를 이용하여 추가해줍니다. CSS JS 그 다음 html에 div이나 ul을 사용하여 마크업해줍니다. 이미지1 이미지2 이미지3 그 다음에는 js를 추가해줍니다. 아래항목은 기본적인 코드입니다 :) $('.slick').slick(); 다음은 slick..