jQueryの可変速度サイクルプラグイン水平スライダー

Question

私はjQueryサイクルプラグインを使用して非常に簡単なスライドショーを作成しています。

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

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

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

Answer 1

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

Answer 2

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

easing: 'easeInOutExpo', 

簡単でした！