javascript - 如何让 owlCarousel 中的一张幻灯片比其他幻灯片停留的时间更长

Question

$(".banner-slider").owlCarousel({
    navigation : true, // Show next and prev buttons
    pagination: true,
      slideSpeed : 50000,
      singleItem:true,
      autoPlay: true,
      autoPlay : 6000,
  });

标签： javascript

Answer 1

您可以使用时间数组`var delays = [4000,3000,5000,3000];

function pageLoad() {
    $(function () {
        $('#slider').nivoSlider({
            pauseTime: 50000,
            directionNav: true,
            afterChange: function () { setDelay() },
            afterLoad: function () { setDelay() },
            controlNav: true,
            pauseOnHover: false
        });
    });
}

function setDelay() {
    var currentSlide = $('#slider').data("nivo:vars").currentSlide;
    setTimeout(function () {
        $('#slider').find('a.nivo-nextNav').click()
    }, delays[currentSlide]);

}`