删除鼠标悬停时返回第一张图像

Question

我有这个脚本，当你将鼠标悬停在图像上时，它允许一个拇指列表旋转（这非常酷！）

你可以在这里查看代码并玩弄它：

http://jsfiddle.net/vfpK4/36/

当我移动鼠标时，我实际上希望图像能够回到第一个图像，但是我真的不熟悉jQuery，有没有人可以稍微调整一下代码？ （可能很容易，但对我来说仍然太难）

Answer 1

喜欢这样： jsFiddle example 。

您可以设置一个变量来存储原始图像源，然后在鼠标输出时将其反馈给图像。

jQuery的：

var intervalId;
var first = $('img').attr('src'); 
$('img').hover(function() {
    var $img = $(this),
        imageList = $img.attr('class').split('@');
    // start the rotation
    intervalId = window.setInterval(function() {
        // cycle array
        imageList.unshift(imageList.pop());
        $img.attr('src', imageList[0]);
    }, 500);
}, function() {
    // stop the cycle
    intervalId = window.clearInterval(intervalId);
    $('img').attr('src', first);
});