AJAX загрузка изображения.

[GiSEG]

Задача:
Есть какие-то кнопки, при клике на них, в теге с #id="sss" должна меняться картинка. Во время загрузки картинки, должна быть анимация загрузки.

Первая мысль, это загрузка картинки через аякс, но сервер отдаёт в ответ такое:
�PNG  IHDR�
�&��XtEXtSoftwareAdobe ImageReadyq�e< iTXtXML:com.adobe.xmp �L���IDATxڔ��d�u&��ז{�_�1 =3�-̒Pp���`l�D)�'��bhc��m� :
�
@$
� Ʒ�~�L�u��c�feeުno�ի��~�� �|

Как из этой сущности сделать картинку?

Или можно реализовать анимацию загрузки как-то по другому? Положение на сервере, где находится картинка, известно.

[walik]

Устанавливать src у картинки на нужный, и показывать анимацию, по событию onload у изображения - скрывать анимацию.

[trikadin]

Первая мысль, это загрузка картинки через аякс

Странная мысль. И вообще, погуглить можно было.

<style>
img {
 /* сюда поставить картинку с анимацией загрузки */
 background: http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif;
 width: 200px;
 height: 150px;
}
</style>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Zwijntje.JPG/800px-Zwijntje.JPG">

[ksa]

можно реализовать анимацию загрузки как-то по другому?

Можно...
http://javascript.ru/blog/Andrej-Par...cii-JavaScript

[GiSEG]

Спасибо за ответы, редко сталкиваюсь с яваскриптом, отсюда типичные вопросы.
Реализовал по предложению "walik"`a