自动播放旋转木马

Autoplay Carousels?

本文关键字：旋转木马 自动播放      更新时间：2023-09-26

我对Javascript非常非常陌生。我正试图让两个滑块在同一页面上慢慢自动播放：

现场直播-主旋转木马和底部附近带有标志的较小旋转木马。

较小的一个使用OwlCarousel，我知道我可以添加autoPlay: 3000,，但因为另一个而不能在一个页面上添加？

您的主滑块使用滑动器。

在您的HTML代码中，您有脚本：

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: '.swiper-pagination',
    nextButton: '.arrow-right',
    prevButton: '.arrow-left',
    // effect: 'cube',
    keyboardControl: true,
    parallax: true,
    speed: 600,
    spaceBetween: 0
});

您需要添加autoplay（在本例中为小p）选项，例如：

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: '.swiper-pagination',
    nextButton: '.arrow-right',
    prevButton: '.arrow-left',
    // effect: 'cube',
    keyboardControl: true,
    parallax: true,
    speed: 600,
    spaceBetween: 0,
    autoplay: 8000
});

您的徽标转盘使用owlCarousel

在您的JavaScript文件（script.js）中，您必须将autoPlay（大写P）选项添加到.brand-carousel中。

var owl= $(".brand carousel");
owl.owlCarousel({
  navigation:false,
  pagination:false,
  items:8,
  itemsTablet:[768,4],
  itemsMobile:[400,2],
  autoPlay: 3000
});
相关文章：