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。