jquery幻燈片/循環與緩動不起作用

Question

這是我的代碼，由於某些原因，當我添加緩動選項時它不工作。

它適用於'淡入淡出'。

<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> 

有沒有別的東西，我需要做的，告訴週期插件我已經緩解？

Answer 1

嘗試$ .easing.bounceout而不是「bounceout」。

其實，看看這個easing插件，它看起來像所有的easing名稱是不同的。 easing插件似乎有個compatibility addon，可以讓你說「反彈」而不是「easeOutBounce」。