2

jQuery Cycleプラグインを使用して、非常に単純なスライドショーを作成しています。

スクリプトの下：

$(document).ready(function() {

var slideshow = $('#slider').cycle({

    fx: 'scrollHorz',
    speed: 500,
    timeout: 8000,
    prev: '#prev',
    next: '#next',
autostop: false 
    });
});

そしてHTMLの部分：

<div id="slider">
<img class="slide" src="header/slider/images/FOTO_SCORRE2.jpg" alt="" />
<img class="slide" src="header/slider/images/FOTO_SCORRE3.jpg" alt="" />
<img class="slide" src="header/slider/images/FOTO_SCORRE4.jpg" alt="" />
<img class="slide" src="header/slider/images/FOTO_SCORRE5.jpg" alt="" />
</div>

私の質問は、画像の変更中にスライドの速度を変更するにはどうすればよいですか？画像がゼロ速度から固定最大速度に加速し、中間遷移からゼロに減速するようにしたいと思います。

簡単な方法で可能ですか？

4

2 に答える 2

2

あなたが尋ねていることの技術的な名前は「イージング」です。多くの例を参照してくださいjQuery UI Easing examplesおよびOther easing Styles。Cycle プラグインには、設定可能なイージング フックがあるようです。

于 2012-05-03T21:32:20.890 に答える
0

ありがとう、そうです、イージングは​​ Cycle プラグインでサポートされています。オプションを追加してコードを変更しました：

easing: 'easeInOutExpo',

簡単でした！

于 2012-05-09T23:28:38.447 に答える