Flexslider Custom Next/Previous Tasten

Question

Ich habe das jQuery Cycle Plugin benutzt, weil es mir gefallen hat, wie einfach es war, benutzerdefinierte HTML Elemente meiner Wahl einzufügen und ihnen einfach die 'next' oder 'previous' Taste zuzuordnen.

Ich kann keinen Weg finden, dies in Flexslider zu tun, aber ich sehe nur eine Option für benutzerdefinierte Seitenumbruch. Z.B. manualControls.

Kennt jemand eine Möglichkeit, dies in Flexslider zu tun? Z.B. Setze ein Bild oder einen Anker als 'nächsten' Knopf.

Answer 1

Wie wäre es etwa so:

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

Oder wenn Sie es nicht 2 mal tun wan't zu schreiben, können Sie dies auch tun:

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

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

Demo v2