5

我正在尝试设置幻灯片以使用数据属性来设置每张幻灯片的超时。这适用于 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);
    }
});
4

1 回答 1

10

Cycle2 直接支持这一点。在幻灯片上使用data-cycle-timeout属性而不是data-duration.

于 2013-03-07T16:36:27.983 回答