Skip to content

Instantly share code, notes, and snippets.

@ihorduchenko
Created September 27, 2017 09:46
Show Gist options
  • Save ihorduchenko/6a748ac51c54d984d77e16e20244c55c to your computer and use it in GitHub Desktop.
Save ihorduchenko/6a748ac51c54d984d77e16e20244c55c to your computer and use it in GitHub Desktop.
Swiper: 2 synchronous sliders with different speed
var homeBannerTitleSwiper = new Swiper('.home-banner_title-slider', {
pagination: '.home-banner_slider-pagination',
paginationClickable: true,
prevButton: '.home-banner_slider-prev',
nextButton: '.home-banner_slider-next',
speed: 750,
slidesPerView: 1,
spaceBetween: 15,
loop: true,
onlyExternal:true
});
var homeBannerSwiper = new Swiper('.home-banner_slider', {
pagination: '.home-banner_slider-pagination',
paginationClickable: true,
prevButton: '.home-banner_slider-prev',
nextButton: '.home-banner_slider-next',
speed: 1500,
slidesPerView: 1,
spaceBetween: 15,
loop: true,
onlyExternal:true
});
homeBannerSwiper.on('onSlideChangeStart', function () {
homeBannerTitleSwiper.lockSwipes();
});
homeBannerSwiper.on('onSlideChangeEnd', function () {
homeBannerTitleSwiper.unlockSwipes();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment