Всем привет! Есть такая задача: нужно сделать картинку больше когда на ней наведен курсор (это уже сделано), картинка должна возвращать обычный размер когда курсор не наведен на неё (на картинку). Вот код (если нужно):
$(window).on("load", function() {
$(".img #kot").each(function(e, a) {
a = $(a);
var b = a.height(),
c = a.width(),
d = [{
height: b,
width: c
}, {
height: 5 * b,
width: 5 * c
}];
a.on("mouseover", function() {
a.stop().animate(d.reverse()[0], 3E3)
})
})
});
Html:
<p class="img">
<img src="images/kotya.jpg" style="width: 100px; height: 100px;" alt="" id="kot" />
</p>
