728x90 반응형 썸네일슬라이더1 [HTML/SCSS] Swiper 썸네일 갤러리 with 텍스트 슬라이더 메인 슬라이더와 연동되어 동작하는 작은 썸네일 슬라이더 (설명이 이상하네요 간단한 말로 뭐라 하지?) 레이아웃을 여기저기서 많이 보셨을 것입니다. Swiperjs에서는 Thumbs Gallery라는 이름으로 해당 기능 데모를 제공하고 있습니다. 데모 코드를 응용해 아래와 같은 슬라이더를 만들어 보았습니다. 우선 두 개의 Swiper가 필요합니다. 메인으로 사용할 슬라이더와 썸네일 갤러리로 만들 슬라이더(thumbsSlider)입니다. 스크립트에도 두 개의 Swiper를 정의해야 합니다. var swiperMini = new Swiper(".swiper-mini", { spaceBetween: 10, slidesPerView: 4, watchSlidesProgress: true, }); var swiper.. 2024. 2. 29. 이전 1 다음 728x90 반응형
