2010-11-30 5 views
2

Je souhaite afficher trois images 1 seconde l'une après l'autre en utilisant le carrousel jQuery. Je n'ai pas cela en utilisant différentes valeurs de délai pour chaque image mais une fois que les images ont été animées pour la troisième fois chaque diapositive commence à faire son propre truc! J'entends par là que les horaires deviennent incohérents les uns avec les autres. Est-ce que je fais quelque chose de fondamentalement faux? Ou est-ce la bonne façon d'utiliser le cycle jQuery?Plugin JQUERY CYCLE - Problèmes avec la fonction 'Timeout'

Toute aide serait appréciée surtout

code:

<script type="text/javascript"> 
$(document).ready(function(){ 
     $('#slide1').cycle({ 
      fx: 'fade', 
      timeout:4000 
     }); 

     $('#slide2').cycle({ 
      fx: 'fade', 
      timeout:4200 
     }); 

     $('#slide3').cycle({ 
      fx: 'fade', 
      timeout:4400 
     }); 

    }); 


</script> 

Vive

Répondre

0

Juste pour tous ceux qui tombe par hasard sur ce poste. La réponse consiste à utiliser 'delay' plutôt que timeout.

le paramètre `timeout` le code serait donc

<script type="text/javascript"> 

$(document).ready(function(){ 

    $('#slide1').cycle({ 
     fx: 'fade', 
     timeout:4000, 
     delay:0 
    }); 

    $('#slide2').cycle({ 
     fx: 'fade', 
     timeout:4000, 
     delay:200 
    }); 

    $('#slide3').cycle({ 
     fx: 'fade', 
     timeout:4000, 
     delay:400 
    }); 

}); 

</script> 
+1

A titre de clarification, est utilisée pour spécifier la durée de la transition de diapositive doit prendre. – Ender