jQuery Cycle 插件水平滑块的变速答案

【问题标题】：Variable speed for jQuery Cycle plugin horizontal sliderjQuery Cycle 插件水平滑块的变速
【发布时间】：2012-05-10 07:28:38
【问题描述】：

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

我的问题是：如何在图像更改期间改变幻灯片的速度？我希望图像从零速度加速到固定的最大速度，并从中间过渡减速到零。

有可能以一种简单的方式吗？

【问题讨论】：

您所询问的技术名称是“Easing”，请参阅此处jqueryui.com/demos/effect/easing.html 和此处james.padolsey.com/demos/jquery/easing 的许多示例。看来 Cycle 插件有可以设置的缓动钩子。
正是我想要的，谢谢:)

标签： jquery performance jquery-cycle

【解决方案1】：

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

【讨论】：

【解决方案2】：

谢谢，你说得对，Cycle 插件支持缓动。我通过添加选项修改了代码：

easing: 'easeInOutExpo',

这很容易！

【讨论】：