Skip to content

Instantly share code, notes, and snippets.

@LyudmilaM
Created January 5, 2022 10:35
Show Gist options
  • Save LyudmilaM/8035b985a18fb133356780e9aba540e4 to your computer and use it in GitHub Desktop.
Save LyudmilaM/8035b985a18fb133356780e9aba540e4 to your computer and use it in GitHub Desktop.
Swiper - автопрокрутка при наведении мышкой на слайдер
let myImageSlider = new Swiper('.image-slider', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
pagination: {
el: '.swiper-pagination',
clickable: true,
type: 'progressbar'
},
touchRatio: 3,
touchAngle: 45,
grabCursor: true,
spaceBetween: 5,
slidesPerView: 1,
}); //------- end new Swiper('.image-slider', { ---------
let sliderBlock = document.querySelector('.image-slider');
sliderBlock.addEventListener('mouseenter', function(e) {
myImageSlider.params.autoplay.disableOnInteraction = false;
myImageSlider.params.autoplay.delay = 500;
myImageSlider.autoplay.start();
});
sliderBlock.addEventListener('mouseleave', function(e) {
myImageSlider.autoplay.stop();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment