jQuery Cycle插件水平滑塊的可變速度

Question

我正在使用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> 

我的問題是：我怎麼可以改變幻燈片的速度快，圖像的變化過程？我希望圖像從零速度加速到固定最大速度，並從中間轉換減速到零。

它可能以一種簡單的方式？

Answer 1

你問的關於'Easing'的技術名稱見jQuery UI Easing examples和Other easing Styles。看起來Cycle插件有可以設置的緩動鉤子。

Answer 2

謝謝，你說得對，Cycle插件支持緩動。 我通過添加選項修改了代碼：

easing: 'easeInOutExpo', 

很簡單！