如何使bxslider goToSlide函数不动画 - 只是跳转/出现在幻灯片上?

时间:2012-11-28 13:02:32

标签: jquery bxslider

我正在使用bxslider,在我的选项中,就滑块而言,它是一个非常棒的jquery滑块插件。

http://bxslider.com/

我使用goToSlide();功能。

bxslider.goToSlide(slide);


我想让goToSlide跳转到幻灯片 - 而不是动画。

有人可以帮忙吗?我做了一个小提琴...

http://jsfiddle.net/dHxAJ/1/


提前致谢!

2 个答案:

答案 0 :(得分:2)

只需覆盖css过渡来解决此问题

这里有完整答案 How to move to the next slide without animation for BxSlider?

答案 1 :(得分:2)

有一种更简单的方法可以在没有动画的情况下跳转到幻灯片:

$('.slidejump-2').on('click', function(e) {
  slider.reloadSlider({
    startSlide:1,
  });
});

或者你的例子:

JumpToSlide = function (slideNumber) {

        var slide = slideNumber - 1;

        bxslider.reloadSlider({
          startSlide:slide,
          pager: false,
            auto: false
        });


    };

重新加载滑块并将开始帧设置为您选择的任何内容。 分叉小提琴是here