Финальный результат по окончанию изучения этого урока у нас должен быть таков:

Тобишь нам важно не просто убрать картинку, а лишь сделать её полупрозрачной, и потом вернуть на место. Делается это методом ".fadeTo". Им мы как растворяем изображение, так и приводим в первоначальное положение. Задается это следующим образом:

$(document).ready(function(){ $('img[src*=tralyly.jpg]').fadeTo(4000,0.2).fadeTo(4000,1); });

Обратим внимание на ".fadeTo(4000,0.2).fadeTo(4000,1);", в первый раз мы задаем время, за которое он должен исчезнуть, а 0.2 - это степень прозрачности. Задается он от 0 до 1. Тоесть 1 - это уже без изменений изображения.
Теперь рассмотрим как можно картинку убрать, "выкинув" её вверх (обновить страничку):



Возможно чем-то похоже на пример с урока №3, но это только на первый взгляд. Применив методы "slideUp" и "slideDown", к примеру, на шапке сайта, то можно наглядно увидеть, как постепенно заезжает вверх рисунок. Используем такой скрипт:



$(document).ready(function(){ $('img[src*=tralyly.jpg]').slideUp(5000).slideDown(5000); });

Собственно "slideUp" поднимает изображение, а "slideDown" его опускает.

Предыдущий урок.

Следующий урок.

Урок подготовил: Egro_proxi

---