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/
saj
5
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
badboy
6
That is exactly what it did to me. When I did get it working. Will try the above code.
Thank you.
badboy
7
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/
badboy
9
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,
},
})
badboy
12
Sorry, haven't been using this software very long. Forgot you could even do that.
Thanks a lot appreciate it! That worked.