Пользовательские Кнопки Flexslider Next / Previous

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

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

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

10
carousel css flexslider slider

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

28