Skip to content

Instantly share code, notes, and snippets.

@nikola0203
Last active March 2, 2022 11:35
Show Gist options
  • Save nikola0203/706fede2cb0921747dee82bfcb9b6d0e to your computer and use it in GitHub Desktop.
Save nikola0203/706fede2cb0921747dee82bfcb9b6d0e to your computer and use it in GitHub Desktop.
import 'swiper/css'
import 'swiper/css/navigation'
import Swiper, { Navigation, Pagination } from 'swiper';
$(".swiper-container").each(function(index, element){
$(this).addClass("swiper-container-" + index);
$(this).find(".swiper-button-prev").addClass("swiper-button-prev-" + index);
$(this).find(".swiper-button-next").addClass("swiper-button-next-" + index);
new Swiper(".swiper-container-" + index, {
modules: [Navigation, Pagination],
slidesPerView: 2,
spaceBetween: 30,
navigation: {
nextEl: ".swiper-button-next-" + index,
prevEl: ".swiper-button-prev-" + index,
},
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment