Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   AJAX загрузка изображения. (https://javascript.ru/forum/jquery/23275-ajax-zagruzka-izobrazheniya.html)

GiSEG 18.11.2011 19:45

AJAX загрузка изображения.
 
Задача:
Есть какие-то кнопки, при клике на них, в теге с #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 18.11.2011 20:06

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

trikadin 18.11.2011 20:07

Цитата:

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

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

<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 18.11.2011 20:08

Цитата:

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

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

GiSEG 18.11.2011 20:10

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


Часовой пояс GMT +3, время: 00:23.