JQUERY! Как поставить анимацию загрузки, пока загружается картинка по клику .attr("src"...?

Question

[Дмитрий]

У меня есть код:

< a class="link">ссылка1< /a>
< img id="pics" src="pic1.jpg">

============================

Есть script:
$("a.link").click(function () {$('#pics').attr("src","pic2.jpg");});
============================

то есть, тут по клику на ссылку меняется атрибут src у картинки с pic1.jpg на pic2.jpg
Но пока грузится картинка pic2.jpg нужно поставить какую-нить анимацию загрузки, например animation.gif

Как это сделать? Подскажите пожалуйста!

Answer 1

[WebDev]

У img есть событие load. Как только сменили src, выводите на экран анимацию. Как только сработает $('img').on('load), убирайте анимацию.