Я использовал плагин jQuery Cycle, так как мне понравилось, как легко настраивать его, например, вставлять пользовательские элементы HTML по своему выбору и просто назначать им функциональность "next" или "предыдущая".
Я не могу найти способ сделать это в Flexslider, однако я вижу только вариант для пользовательской разбивки на страницы. Например. manualControls.
Кто-нибудь знает, как это сделать в Flexslider? Например. установите изображение или привязку как кнопку "Далее".
Как насчет чего-то вроде этого:
$('.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;
})