Pulsanti Avanti/Indietro personalizzati Flexslider

Question

Ho usato il plugin jQuery Cycle perché mi piaceva quanto fosse facile personalizzare, come l'inserimento di elementi HTML personalizzati di mia scelta e semplicemente assegnando loro la funzionalità pulsante 'successivo' o 'precedente'.

Non riesco a trovare un modo per farlo in Flexslider, tuttavia, vedo solo un'opzione per l'impaginazione personalizzata. Per esempio. manualControls.

Qualcuno sa di un modo per farlo in Flexslider? Per esempio. imposta un'immagine o ancora come pulsante 'successivo'.

Answer 1

Che ne dite di qualcosa di simile:

$('.slider').flexslider({ 
    directionNav: false, 
    controlNav: false 
}) 

$('.prev').on('click', function(){ 
    $('.slider').flexslider('prev'); 
    return false; 
}) 

$('.next').on('click', function(){ 
    $('.slider').flexslider('next'); 
    return false; 
}) 

Demo

Oppure, se poi non vorrai scriverlo 2 volte, si può fare anche questo:

$('.slider').flexslider({ 
    directionNav: false, 
    controlNav: false 
}) 

$('.prev, .next').on('click', function(){ 
    var href = $(this).attr('href'); 
    $('.slider').flexslider(href); 
    return false; 
})  

Demo v2