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

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