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

循環2支持直接。在幻燈片上使用data-cycle-timeout屬性而不是data-duration。