javascript - 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”。

实际上，查看那个缓动插件，看起来所有缓动名称都不同。缓动插件似乎有一个兼容性插件，可以让你说“bounceout”而不是“easeOutBounce”。