Jquery 移除鼠标时返回到第一个图像

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

您可以在此处查看代码并使用它：

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

像这样：

您只需设置一个变量来存储原始图像源，然后将其反馈到mouseout上的图像

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);
});

---

j08691，这个脚本是否可以调整为：如果鼠标悬停在class=“list item”的div上，那么class=“thumb”的图像应该会旋转？哇，你太接近了！实际上我有多个列表项的实例，每个都有自己独特的图像。。。所以实际上，当移除鼠标时，他们应该返回到自己的第一个图像。。。html代码示例：