bxslider goToSlide（）跳過中間的幻燈片

Question

是否可以使用goToSlide（）方法而不通過幻燈片之間的動畫？

E.g.我想直接從幻燈片1到幻燈片5，通過幻燈片2到4跳過動畫。

我想知道是否有任何選項（或者一個CSS的黑客）。

這裏是我的代碼：

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/