Question

是否可以使用goToSlide（）方法而不通过其间的幻灯片制作动画？

E.g。我想直接从幻灯片1转到幻灯片5，通过幻灯片2到4跳过动画。

我想知道它是否有任何选择（或者是css hack）。

这是我的代码：

var slider = $('.bxslider').bxSlider({
    pager: false,
    controls: false,
    auto: false,
    touchEnabled: false
});

$('.gotoslide5').click(function() {
    slider.goToSlide(5);
});

的jsfiddle：

http://jsfiddle.net/1n5wfm3q/1

Answer 1

这是一种黑客行为，如果你将速度设置为1，动画变得如此之快就不可见了。

var slider = $('.bxslider').bxSlider({
    pager: false,
    controls: true,
    auto: false,
    touchEnabled: false
});



    $('.gotoslide5').click(function() {
        setToSlide(2);
    });

   var setToSlide = function(slideIndex){
                    var width = $('.bxslider').find('li').width()
           slider.css('transform','translate3d(-'+(width*slideIndex)+'px, 0px, 0px)')
    }


        $('.gotoslide5').click(function() {
            slider.goToSlide(5);
        });

更新了小提琴 http://jsfiddle.net/riazxrazor/1n5wfm3q/3/

bxslider goToSlide（）同时跳过中间的幻灯片

1 个答案: