example - Problema jQuery bxSlider

jquery carousel

Question

Me enfrento a un problema extraño en el que parece que no puedo encontrar una solución. Para uno de mis proyectos estoy usando bxSlider. Hay dos botones personalizados, previos y próximos para alternar el deslizamiento. Todo esto funciona bien, excepto por el control deslizante para ''reiniciar'' después del primer clic (siguiente o anterior no importa).

Para esto estoy usando estas funciones:

$(''#Slider2'').bxSlider({
        auto: false,  
        speed: 1000,
        mode: ''horizontal''
    });

    $(''#SlidePrev'').click(function(){
        var slider  = $(''#Slider2'').bxSlider();
        var slideNr = slider.getCurrentSlide() - 1;

        //slider.goToSlide(slideNr);
        slider.goToPreviousSlide();

    });

    $(''#SlideNext'').click(function(){
        var slider  = $(''#Slider2'').bxSlider();
        var slideNr = slider.getCurrentSlide() + 1;

        slider.goToSlide(slideNr); 
    });

No importa si utilizo la función goToSlide (index) o goToPreviousSlide () / goToNextSlide ().

Un ejemplo en vivo se puede encontrar aquí . Intenta hacer clic en las flechas para deslizarte por la colección.

Answer 1

Esto funcionará:

http://pastebin.com/Psz1dDqE

necesita obtener el retorno de su configuración inicial en el control deslizante var. no crees uno nuevo.

Answer 2

Para mí este trabajo:

<script type="text/javascript">
var slider = $(''.bxslider'');

$(document).ready(function () {
    slider.bxSlider({
        infiniteLoop: false,
        hideControlOnEnd: true,
        pager: false,
        mode: ''fade''
    })
});

function GoToSlide(id) {
    slider.goToSlide(id);
}

Answer 3

Prueba esto :

var slider = $(''#Slider2'').bxSlider({
    auto: false,  
    speed: 1000,
    mode: ''horizontal''
});

$(''#SlidePrev'').click(function(){
    slider.goToPreviousSlide();
});

$(''#SlideNext'').click(function(){
     slider.goToNextSlide(); 
});