3

寻找可以在用户将光标移动到图像后旋转图像的 JS 库或代码片段(允许使用 jQuery)。例如,为 Dailymotion.com 网站中的视频缩略图实现了此功能。

我将将此代码用于具有 20-40 个缩略图(应用程序屏幕截图)的网页,每个项目包含大约 10 个额外的图像,当用户将光标移动到缩略图时应该开始旋转并在光标离开时停止。

我不想在 html 代码中加载所有这些图像,每次用户进入页面时都不需要数百个请求。

不幸的是,我发现的所有代码都使用来自 html 代码的静态图像链接。

我试图在搜索引擎中找到答案,但找不到正确的表述。我尝试了“图像旋转器 JS”、“悬停时更改图像”、“自动旋转图像”和其他一些变体,可能是这个任务有另一个我错过的名称。

4

2 回答 2

1

尝试使用Cycle Plugin

如果您有一个名为 的拇指类,那么您可以使用and命令.thumb来控制它。.cycle('pause').cycle('resume')

$('.thumb').cycle({ ... }).cycle('pause'); // setup, choose your own settings, then pause

$('.thumb').hover(function() {
  $(this).cycle('resume');
}, function() {
  $(this).cycle('pause');
});
于 2011-01-17T23:38:30.250 回答
0

听起来你在寻找苹果称之为“擦洗”的东西,就像他们在 iPhoto 中使用的一样。

一些快速搜索出现了一些库来做这件事:

于 2011-01-17T23:27:49.717 回答