JQuery изображение PULSE анимация при наведении курсора мыши переходит в другое изображение ⇐ Jquery

[Anonymous]

Я пытаюсь добиться эффекта, при котором при наведении курсора мыши изображение пульсирует между двумя разными файлами в jQuery. Начало у меня написано, но с самой анимацией у меня проблемы.

Вот что у меня есть на данный момент. Я знаю, что мне нужно написать что-то, что заставит изображение плавно переходить в следующее изображение, а затем снова исчезать. Заранее благодарим за уделенное время.

(function($) {
$(document).ready(function() {
window.pulse_image = null;
window.pulse_continue_loop = false;

$('.pulse').mouseover(function() {
// User is hovering over the image.
window.pulse_continue_loop = true;
window.pulse_image = $(this);

PulseAnimation(); // start the loop
}).mouseout(function() {
window.pulse_continue_loop = false;
window.pulse_image.stop();
});
});
})(jQuery);


Я надеюсь сделать что-то подобное, чтобы это можно было легко применить к нескольким изображениям — имея два изображения, одно example_off.jpg и example_on.jpg.

jQuery(function(){
$(".img-swap").hover(
function(){this.src = this.src.replace("_off","_on");},
function(){this.src = this.src.replace("_on","_off");
});
});


Подробнее здесь: https://stackoverflow.com/questions/208 ... ther-image