Come mostrare la diapositiva successiva quando si fa clic sull'immagine in flexslider

Question

Sto utilizzando il plug-in flexslider e volevo sapere se c'è un modo semplice (a parte cambiare il nucleo del plug-in che è ciò che sto andando fare se non trovo una risposta facile) per mostrare la diapositiva successiva quando si fa clic sulla diapositiva corrente. Ho impostato il flexslider come questo

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

Ho disabilitato il comando Prev/Next perché non mi piacevano. Cosa dovrei fare?

Answer 1

Forse un po 'troppo tardi, ma qui è la soluzione per 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

Dopo ogni animazione cursore completa, trovare la diapositiva attiva e cambiare lo src dell'immagine

$('.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

ho avuto un problema con Safari con il codice sopra. Questa è la mia soluzione facile.

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

Ecco un piccolo aggiornamento per la risposta accettata sopra che gli obiettivi del dispositivo di scorrimento specifica cliccato, piuttosto che tutti i cursori nella pagina:

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