jQuery Döngüsü 2 ile Değişken Slayt Zaman Aşımı

Question

Her slaytta zaman aşımını ayarlamak için veri niteliklerini kullanmak için bir slayt gösterisi kurmaya çalışıyorum. Bu jQuery döngüsü için çalışır, ancak jQuery Cycle 2 için değil. Yanlış işlevi kullanıyor olabileceğimi düşünüyorum, ancak 2. döngüde benzer bir şey bulamadım mı?

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 olduğunu doğrudan destekler. data-duration yerine slaytlarda data-cycle-timeout öznitelikleri kullanın.