Jquery 取消滑动为每个幻灯片设置不同的暂停长度

Jquery 取消滑动为每个幻灯片设置不同的暂停长度,jquery,unslider,Jquery,Unslider,我想知道是否有可能创建一个非滑动图像滑块,其中某些幻灯片的暂停长度不同?例如,我希望幻灯片1显示5秒钟,幻灯片2显示10秒钟。谢谢大家! Unslider没有内置此功能,因此我们必须使用Unslider的方法和一些jQuery自己完成。这是我遇到同样问题时想到的 “自动播放”选项必须为false(默认设置),此选项才能工作: // Initialize Unslider var slider = jQuery('#unslider').unslider(); // Array of the t

我想知道是否有可能创建一个非滑动图像滑块,其中某些幻灯片的暂停长度不同?例如,我希望幻灯片1显示5秒钟,幻灯片2显示10秒钟。谢谢大家!

Unslider没有内置此功能,因此我们必须使用Unslider的方法和一些jQuery自己完成。这是我遇到同样问题时想到的

“自动播放”选项必须为false(默认设置),此选项才能工作:

// Initialize Unslider
var slider = jQuery('#unslider').unslider();

// Array of the times you want for each slide.
var slideTimes = [5000,10000];

// Move the slider to the next slide and start the timer
function timeToNextSlide(ms){
  slideTimeout = setTimeout(function(){
    slider.data('unslider')['next']();
  }, ms);
}

// Every time the slide changes
slider.on('unslider.change', function(event, index, slide) {

  // Clear the timeout in case user clicks the navigation
  clearTimeout(slideTimeout);

  // Reset the timeout to the next slide's time
  timeToNextSlide(slideTimes[index]);

});

// Start the slider
timeToNextSlide(slideTimes[0]);