我怎样才能让这个java脚本代码自动播放 slider 以及如何添加鼠标悬停暂停功能
$(function() {
$('.owl-carousel.testimonial-carousel').owlCarousel({
nav: true,
navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
dots: false,
responsive: {
0: {
items: 1,
},
750: {
items: 2,
}
}
});
});
最佳答案
Owl Carousel 有您正在寻找的两个选项,自动播放和autoplayHoverPause。
试试这个:
$('.owl-carousel.testimonial-carousel').owlCarousel({
nav: true,
navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
dots: false,
autoplay: true,
autoplayHoverPause: true,
loop: true,
responsive: {
0: {
items: 1,
},
750: {
items: 2,
}
}
});
您可以在此处找到所有可用选项的列表:https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
关于javascript - 如何让这个 slider 自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44966641/