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

您所询问的技术名称是“Easing”，请参阅许多示例jQuery UI Easing examples和Other easing Styles。似乎 Cycle 插件具有您可以设置的缓动钩子。

于 2012-05-03T21:32:20.890 回答
0

谢谢，你是对的，循环插件支持缓动。我通过添加选项修改了代码：

easing: 'easeInOutExpo',

很容易！

于 2012-05-09T23:28:38.447 回答