2010-03-14 9 views
1

Voici mon code, pour une raison quelconque, il ne fonctionne pas lorsque j'ajoute l'option d'accélération.jquery diaporama/cycle avec easing ne fonctionne pas

Cela fonctionne très bien avec 'fade'.

<script src="jquery.easing.1.3.js" type="text/javascript"></script> 
    <script src="jquery.cycle.all.min.js" type="text/javascript"></script> 

    <style> 
     .pics { 
    height: 383px; 
    width: 582px; 
    padding: 0; 
    margin: 0; 
} 

.pics img { 
    padding: 15px; 
    border: 1px solid #ccc; 
    background-color: #eee; 
    width: 550px; 
    height: 350px; 
    top: 0; 
    left: 0 
} 
    </style> 
    <div id="cycle" class="pics"> 
     <img src="/images/1.png" width="550" height="350" /> 
     <img src="/images/2.jpg" width="550" height="350"/> 
    </div> 
    <script type="text/javascript"> 
     $().ready(function() { 

     $('#cycle').cycle({ 
      fx: 'scrollDown', 
      easing: 'bounceout', 
      delay: -2000 
     }); 

     }); 
    </script> 

Y at-il autre chose que je dois faire, de dire le plug-in du cycle j'assouplissement?

Répondre

2

Essayez $ .easing.bounceout au lieu de "bounceout".

En fait, en regardant par-dessus ce plugin d'accélération, il semble que tous les noms d'accélération soient différents. Il semble y avoir un compatibility addon pour le plugin easing qui vous permet de dire "bounceout" au lieu de "easeOutBounce".