Переменное время ожидания слайда с циклом jQuery 2

Я пытаюсь настроить слайд-шоу, чтобы использовать атрибуты данных для установки времени ожидания на каждом слайде. Это работает для цикла jQuery, но не для цикла jQuery 2. Я думаю, что могу использовать неправильную функцию, но не нашел ничего похожего в документах Cycle 2?

HTML:

<div id="slides">
    <img src="img1.jpg" data-duration="1000" />
    <img src="img2.jpg" data-duration="2000" />
    <img src="img3.jpg" data-duration="3000" />
</div>

JS:

$('#slides').cycle({
    fx: 'fadeout',
    speed: 250,
    timeoutFn: function(currElement, nextElement, opts, isForward) { 
        return parseInt($(currElement).attr('data-duration'), 10);
    }
});

person Siebird    schedule 07.03.2013    source источник


Ответы (1)


Cycle2 поддерживает это напрямую. Используйте атрибуты data-cycle-timeout на слайдах вместо data-duration.

person malsup    schedule 07.03.2013
comment
Как это работает, если вы программно определяете параметры? Кстати, спасибо за отличный плагин, который хорошо служил мне годами. - person Matt Stone; 19.03.2014
comment
Спасибо! Уже перепробовал много ползунков (Slick, Owl...), но это первый с такой опцией :) - person numediaweb; 30.12.2014
comment
2018 год, а этот плагин до сих пор спасает мне жизнь :') - person CodeChuck; 09.05.2018