Анимация при подгрузке изображения на jquery

[SunYang]

Есть маленькие изображения со ссылкой на большие:

<a href="images/instructors/001.JPG"><img src="images/instructors/001.thumb.JPG" /></a>

Нужно большое зображение подгрузить в дивку

<div id="bigimg"></div>

и пока оно подгружается, показать анимашку загрузки.
Я чет не догоню)
Юзаю $.load :

$('a').click(function(){
	$("#bigimg").load($(this).attr('href'));
	return false;	
});

но в дивку подгружается что-то типа: ����
а не картинка...

И как можно до загрузки имаги показать анимашку загрузки?

Заранее благодарен.

[Octane]

У <div> нет события load, поэтому срабатывает метод для загрузки контента в него с помощью XMLHttpRequest.

Алгоритм такой:
1. создаёте <img>
2. задаёте такие стили для <img>, чтобы его не было видно (сдвиг в невидимую область или visiblity:hidden)
3. добавляете обработчик события load
4. показываете анимацию загрузки
5. устанавливаете нужный src
6. добавляете <img> в документ
7. после наступления события load скрываете анимацию загрузки и показываете <img>

[SunYang]

А как загрузку реализовать с картинкой?
Я сделал имагу для больших изображений

<img id="bigimg" src="" class="load" />

исссылку:

<a href="images/instructors/001.JPG"><img src="images/instructors/001.thumb.JPG" /></a>

я не догоняю как при клике на ссылку, загрузить с помощью .load() в эту картинку большую имагу.

Можно примерчик небольшой?

[Octane]

Не загружают изображения с помощью load.

$("блок").load("ссылка") — загружает в блок текст с помощью XMLHttpRequest
$("изображение").load(function () {…}) — вызывает указанную функцию, когда изображение загрузилось.

Как сделать, я написал вам в прошлом сообщении.