Уточнение - нужен индикатор загрузки.

Как сделать, чтобы пока подгружается основная картинка отображался gif?
Например как в лайтбоксах. Только в данном случае полноразмерные изображения находятся в теле страницы и нужно, чтобы при загрузке был такой же эффект как и в лайтбоксах. Помогите.

Закрываю тему.
Подсказка - ищите на зарубежных ресурсах.

А на наших что нет ?
http://www.seo-webdesign.ru/content/view/27/56/

Отсюда дёргаю всегда

Понял я почему все молчали - опять неправильно поняли. Видимо подумали, что мне генератор "спиннеров" нужен и я спросил где его найти. На такой вопрос я бы и сам себе не ответил.

Снова открою тему, тем более нужна помощь.
Нашел то, что искал. Попал в десяточку. Если английский не проблема, то вот:

http://jqueryfordesigners.com/image-loading/

Именно это мне и нужно было. Только приведенный там пример работает для одного изображения. А мне нужно для многих.
Есть там код в комментариях для множества изображений, но в javascript я ни-ни.


Вот весь комментарий в переводе:

использовать предложенный на сайте вариант для множества изображений очень-очень легко. Это мой ответ методу пользователя ‘bali web design’.

создаете div, чтобы хранить ваши миниатюры и устанавливаете элемент "a" c rel, содержащим адрес картинки (< a rel=”http://imageurlgoes_here” >< / a >).

и далее код:

$(".imgholda a").each(function(index,el){ 
        var img = new Image();
        $(img).load(function () {
                $(this).hide();
                $(el).removeClass('loading').append(this);
                $(this).fadeIn();
        }).error(function () {
        }).attr('src', $(this).attr('rel'));
});

Помогите понять логику, пожалуйста. Опишите, если не сложно.

http://www.ruseller.com/ посмотри там, там много уроков по jquery

Я понимаю, что они там есть. Смотрю и там и везде, где попадается битый час.
Если можете объясните вот этот кусок кода:
$(".imgholda a").each(function(index,el){ ...})

Что в данном случае обозначают: .imgholda a, index, el
и которые из них можно менять?