Я использую Flexslider некоторое время и люблю его, но у меня есть пользовательская функция, которую я пытаюсь достичь, я немного застрял на.Flexslider: переход на следующий слайд (с задержкой) на пользовательской кнопке нажмите
В каждом слайде у меня есть текст с 2 кнопками, по существу истинными или ложными. После нажатия одной из кнопок, которые они оживляют, зависит от того, выбрал ли пользователь правильный ответ. Независимо от того, что они выбирают, хотя, после небольшой задержки в несколько секунд, я хочу, чтобы слайд-шоу приближалось к следующему слайду.
Мой FlexSlider вызов выглядит следующим образом:
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
slideshow: false,
controlNav: false,
touch: true,
smoothHeight: true
});
});
Я сумел создать немного JavaScript, так что при нажатии кнопки перемещается на 2-й слайд:
$('.true-or-false .btn').click(function() {
$('.slider').flexslider(0);
});
Но было бы больно делать это для каждой отдельной кнопки, я пытался найти «следующую» функцию, но не мог заставить работать. В дополнение к этому я попытался добавить .delay(2000)
, но это, похоже, не сыграло хорошо с вышеуказанным кодом.
Я думал, что будет функция задержки для слайдов в flexslider, и мне нужно будет только найти способ перехода к следующему слайду с помощью настраиваемой кнопки. Может ли кто-нибудь пролить свет на это?
Спасибо, что нашли время, чтобы прочитать это! Ste
* EDIT *
По какой-то причине, когда я впервые попробовал этот код он не работает, но теперь при добавлении «рядом» делает слайд одушевленные к следующему по нажатию кнопки - теперь мне просто нужна задержка!
$('.true-or-false .btn').click(function() {
$('.slider').flexslider('next');
});