jQueryサイクル2で可変スライドタイムアウト

Question

各スライドのタイムアウトを設定するためにデータ属性を使用するようにスライドショーを設定しようとしています。これはjQueryサイクルでは動作しますが、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-durationの代わりにdata-cycle-timeout属性をスライドに使用してください。