bxslider goToSlide() beim Überspringen der Folien dazwischen

Question

Kann die goToSlide() -Methode verwendet werden, ohne durch die Folien zu animieren?

z. Ich möchte direkt von Folie 1 zu Folie 5 gehen und die Animation über Folien 2 bis 4 überspringen.

Ich fragte mich, ob es eine Option dafür gibt (oder alternativ ein CSS-Hack).

Hier ist mein Code:

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

diese Art von Hack ist, wenn man die Geschwindigkeit auf 1 die Animation gesetzt, so schnell wird es nicht sichtbar ist .

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); 
     }); 

aktualisiert Geige http://jsfiddle.net/riazxrazor/1n5wfm3q/3/