bxslider goToSlide（）中にスライドをスキップしています

Question

スライドをアニメーション化せずにgoToSlide（）メソッドを使用できますか？

など。私はスライド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/