Возвращение к первому изображению при удалении курсора

Question

У меня есть этот скрипт, который позволяет вращать список больших пальцев, когда вы наводите курсор мыши на изображение (что очень круто, кстати!)

Вы можете проверить код здесь и поиграть с ним:

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

Я действительно хочу, чтобы изображения возвращались к первому изображению , когда я убираю мышь, однако я действительно не очень знаком с jQuery, есть кто-нибудь, кто может немного откорректировать код? (вероятно, очень легко, но все еще слишком сложно для меня)

Answer 1

Вот так: Пример jsFiddle .

Вы можете просто установить переменную для хранения исходного источника изображения, а затем передать ее обратно на изображение при наведении мыши.

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