如何让两个bxslider实例一次移动?我尝试改变延迟,暂停和自动延迟,但没有运气。 :(

时间:2014-11-14 05:07:46

标签: jquery bxslider

这是我的代码

$('.bxslider').bxSlider({
    mode: 'horizontal',
    auto: true,
    controls: false,
    speed:500,
    pause: 2000,
    autoDelay:0
  });

  $('.names-slider').bxSlider({
    mode: 'horizontal',
    auto: true,
    controls: false,
    speed:500,
    pause: 2000,
    autoDelay:0
  });

1 个答案:

答案 0 :(得分:2)

您可以使用bxslider

初始化auto:false
var sliderone = $('.bxslider').bxSlider({
    auto: false
});

var slidertwo = $('.names-slider').bxSlider({
    auto: false
});

然后使用setTimeoutsetInterval同时为两个滑块运行goToNextSlide函数

var moveSlider = function(){
    sliderone.goToNextSlide();
    slidertwo.goToNextSlide();
}

setTimeout(moveSlider,2000);