반응형 swiper1 [Jquery] Swiper Slider 이용해서 쉽게 슬라이드 사용하기 1. swiper 라이브러리를 복사해서 head 안에 넣어줍니다. 2. 슬라이드 할 HTML 코드를 작성합니다. Slide 1 Slide 2 Slide 3 3. 하단 body 끝나는 윗지점에 script를 넣어줍니다. 4. 결과 3단계로 간단히 만들었구요, 옵션을 사용해서 사용하고 싶은대로 옵션 스크립트를 수정해주면 됩니다. swiper 옵션정리 slidesPerView : 'auto', // 한 슬라이드에 보여줄 갯수 spaceBetween : 6, // 슬라이드 사이 여백 loop : false, // 슬라이드 반복 여부 loopAdditionalSlides : 1, // 슬라이드 반복 시 마지막 슬라이드에서 다음 슬라이드가 보여지지 않는 현상 수정 pagination : false, // pager.. 2022. 8. 4. 이전 1 다음 반응형
