jquery - jQuery サイクル 2 による可変スライド タイムアウト

Question

各スライドのタイムアウトを設定するためにデータ属性を使用するようにスライドショーをセットアップしようとしています。これは jQuery Cycle では機能しますが、jQuery Cycle 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);
    }
});

Answer 1

Cycle2 はそれを直接サポートします。data-cycle-timeoutの代わりにスライドの属性を使用しますdata-duration。