1

これが私のコードです。イージングオプションを追加すると、何らかの理由で機能しません。

「フェード」でうまく機能します。

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

サイクルプラグインにイージングがあることを伝えるために、他に何かしなければならないことはありますか?

4

1 に答える 1

2

「bounceout」の代わりに $.easing.bounceout を試してください。

実はそのイージングプラグインを見てみるとイージング名が全部違うようです。「easeOutBounce」の代わりに「bounceout」と言うことができるイージング プラグインの互換性アドオンがあるようです。

于 2010-03-14T20:35:23.603 に答える