Simple Slider Issue

Hi, Trying to get the Simple Slider in BS Autoplay, not having much luck.

var mySwiper = new Swiper ('.swiper-container', { loop: true, pagination: '.swiper-pagination', paginationClickable: true, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev' });

Tried adding this, if I did get it working it was super fast. var mySwiper = new Swiper('.swiper-container', { autoplay: { delay: 5000, }, }); });

Thanks

var mySwiper = new Swiper('.swiper-container', { autoplay: { delay: 5000, }, });

Thanks Twinstream,

Tried that. It just locks the browser, can't use the right and left controls.

var mySwiper = new Swiper('.swiper-container', { loop: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, autoplay: { delay: 5000, }, })

Seems to be working here...

https://badboyswiper.bss.design/

Edit the Simple-Slider.js file so that it looks like the following

$(function(){

    // Initializing the swiper plugin for the slider.
    // Read more here: http://idangero.us/swiper/api/

    var mySwiper = new Swiper ('.swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        autoplay: {
            delay: 5000,
        },
    });

});

There does seem to be a bug however, as the delay value appears to be ignored and scrolls really fast.

Saj

That is exactly what it did to me. When I did get it working. Will try the above code.

Thank you.

Hi Twinstream,

It must be a browser issue. I'm getting the same result as Saj. - The delay value appears to be ignored and scrolls really fast.

My link should work... I updated it to include the controls and added restart after interaction. 5 second delay (5000)

https://badboyswiper.bss.design/

Hi Twinstream, I'm guessing I just download as a complete website and change the file extensions?

Thanks for the help.

I uploaded as a component.

var mySwiper = new Swiper ('.swiper-container', { loop: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev',

autoplay: {
  disableOnInteraction: false,  
  delay: 5000,
},      

})

Sorry, haven't been using this software very long. Forgot you could even do that. Thanks a lot appreciate it! That worked.