2013-08-14 12 views
10

カスタムのHTML要素を挿入し、単に「次へ」または「前の」ボタン機能を割り当てるなど、簡単にカスタマイズできるようにjQuery Cycleプラグインを使用しました。フレックススライダーカスタム次/前ボタン

私はFlexsliderでこれを行う方法が見つかりませんでしたが、私はカスタムページネーションのオプションしか見ることができません。例えば。 manualControls

Flexsliderでこれを行う方法を知っている人はいますか?例えば。画像またはアンカーを「次へ」ボタンとして設定します。

答えて

27

どのようにこのようなものについて:

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

それとも、それを2回書くことwan'tしない場合、あなたもこれを行うことができます:

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

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

Demo v2

+0

ありがとうございました! – pealo86

関連する問題