2013-03-07 5 views
5

Sto tentando di impostare una presentazione per utilizzare gli attributi dei dati per impostare il timeout su ciascuna diapositiva. Questo funziona per jQuery Cycle, ma non per jQuery Cycle 2. Penso che potrei usare la funzione sbagliata, ma non ho trovato nulla di simile nei documenti di Cycle 2?Timeout variabile slide con jQuery 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); 
    } 
}); 

risposta

8

Cycle2 sostiene che, direttamente. Utilizzare gli attributi data-cycle-timeout nelle diapositive anziché data-duration.

+0

Come funziona se si definiscono le opzioni a livello di programmazione? Grazie per l'ottimo plugin btw, mi ha servito bene per anni. –

+0

Grazie! Ho già provato molti slider (Slick, Owl ..) ma questo è il primo ad avere questa opzione :) – numediaweb