Question

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

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

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

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

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

Answer 1

如果您有一个名为.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');
});

Answer 2

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

一些快速搜索出现了一些图书馆：

MooTools - http://www.tangerinesmash.com/2008/mootools-iphoto-image-scrubber/
Jquery - http://www.stucktogetherwithtape.com/code/scrub
Google搜索 - http://www.google.com/search?q=javascript+iphoto+image+scrubbing

如何在鼠标悬停时旋转缩略图？

2 个答案: