프론트엔드 스터디

1.swiper CSS 적용 2.swiper js 적용 3.script 내용 추가 swiper 사이트 > Demos > 비슷한 슬라이드 Core > 스크립트부분 복사해서 비교 var swiper = new Swiper(".mySwiper", { slidesPerView: "auto", freeMode: true, }); 4.swiper 마크업 Slide 1 Slide 2 Slide 3 html DOCTYPE html> Swiper demo Slide 1 Slide 2 Slide 3 script // Initialize Swiper var swiper = new Swiper(".mySwiper", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swip..

http://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.기본 설정 html $(document).ready(function(){ $('.class-name').slick(); }); 2.세부설정 script