jquery幻灯片/循环缓动不起作用答案

【问题标题】：jquery slideshow/cycle with easing not workingjquery幻灯片/循环缓动不起作用
【发布时间】：2010-03-15 07:48:05
【问题描述】：

这是我的代码，由于某种原因，当我添加缓动选项时它不起作用。

“淡入淡出”效果很好。

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

我还有什么事情要做，告诉循环插件我有缓动吗？

【问题讨论】：

标签： javascript jquery slideshow jquery-cycle

【解决方案1】：

尝试使用 $.easing.bounceout 而不是“bounceout”。

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

【讨论】：