Cómo mostrar la siguiente diapositiva al hacer clic en la imagen en flexslider

Question

Estoy usando el plugin flexslider y quería saber si hay una manera fácil (aparte de cambiar el núcleo del plugin, que es lo que voy a hacer hacer si no encuentro una respuesta fácil) para mostrar la siguiente diapositiva al hacer clic en la diapositiva actual. Configuré el flexslider como este

$('.flexslider').flexslider({ 
    directionNav : false, 
    slideshow: false, 
     animation: "slide", 
     controlsContainer: ".flex-container" 
    }); 

Inhabilité el comando Prev/Next porque no me gustaron. ¿Que debería hacer?

Answer 1

Tal vez un poco demasiado tarde, pero aquí está la solución para Flexslider 2:

$('.flexslider').flexslider({ 
    directionNav : false, 
    slideshow: false, 
    animation: "slide", 
    controlsContainer: ".flex-container", 
    start: function(slider) { 
    $('.slides li img').click(function(event){ 
     event.preventDefault(); 
     slider.flexAnimate(slider.getTarget("next")); 
    }); 
} 
}); 

Answer 2

Una vez finalizada cada animación deslizante, encontrar la diapositiva activa y cambiar la imagen src

$('.flexslider').flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    slideshow: false, 
    touch: true, 
    itemWidth: 235, 
    itemMargin: 10, 
    after: function (slider) { 
     $(slider).find('.flex-active-slide').find("img").each(function() { 
     var src = $(this).attr("data-src"); 
     $(this).attr("src", src).removeAttr("data-src"); 
    }); 
}); 

Answer 3

que tenía un problema de Safari con el código anterior. Esta es mi solución fácil.

jQuery(document).ready(function($) { 
    $('.flexslider').on('click', function(){ 
     $(this).find('.flex-next').click(); 
    }); 
} 


$(window).load(function() { 
    // Slider 
    $('.flexslider').flexslider({ 
    directionNav : false, 
    slideshow: false, 
    animation: "slide", 
    controlsContainer: ".flex-container"  
    }); 
}); 

Answer 4

He aquí una pequeña actualización de la respuesta aceptada anteriormente que se dirige a la barra deslizante específica se hace clic, en lugar de todos los controles deslizantes en la página:

$('.flexslider').flexslider({ 
    start: function(slider) { 
     $('.slides li img', slider).click(function(event){ 
      event.preventDefault(); 
      slider.flexAnimate(slider.getTarget("next")); 
     }); 
    } 
});