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

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

我将将此代码用于包含20-40个缩略图的网页(应用程序屏幕截图)，每个项目包含约10个其他图像，当用户将光标移至缩略图时应开始旋转，而当光标离开时应停止旋转。

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

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

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

最佳答案

尝试使用Cycle Plugin。

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

关于javascript - 如何在鼠标悬停时旋转缩略图？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4718932/