Flexslider Custom Next/Previous Buttons

Я использовал плагин jQuery Cycle, так как мне понравилось, как легко настраивать его, например, вставлять пользовательские элементы HTML по своему выбору и просто назначать им функциональность "next" или "предыдущая".

Я не могу найти способ сделать это в Flexslider, однако я вижу только вариант для пользовательской разбивки на страницы. Например. manualControls.

Кто-нибудь знает, как это сделать в Flexslider? Например. установите изображение или привязку как кнопку "Далее".

Ответы

Ответ 1

Как насчет чего-то вроде этого:

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

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

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

Демо

Или, если вы не хотите писать 2 раза, вы также можете сделать это:

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

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

Демо v2