Просветление/затемнение изображения

[protostogizmo@nm.ru]

Добрый день!

Подскажите, пожалуйста, как сделать такую штуку.

Нужно, чтобы при открытии страницы, конкретное изображение проявлялось постепенно. И можно ли сделать, чтобы оно затемнялось при переходе на другую страницу? Нужно именно при переходах страниц с одной на другую.

В качестве примера показа — флеш-сайт фотографа Сержа Данюшевского (потыкайте на фотки).

[Vlad]

В библиотеке jQuery тьма подобных эффектов.

http://ui.jquery.com/repository/real-world/effects/

[protostogizmo@nm.ru]

http://ui.jquery.com/repository/real-world/effects/

Спасибо, Highlight там как раз есть. Но… м… как этот эффект привязать к изображению, чтобы при загрузке страницы оно (изображение) проявлялось, а при переходе на другую (по клику на нем) — затемнялось?

Как я понимаю, там (в вашем примере) по клику выполняются сразу два действия (исчез + появился), не переходя со страницы…

(извините за навязчивость)

[Pavel_html]

оч. просто. даешь нужной фотке класс .photo и пишешь:

$(document).ready(function(){
			  $(".photo").animate({opacity: "0.0"}, "1");
			  $(".photo").animate({opacity: "1.0"}, "slow");			
		  });

[qwe!]

Pavel_html: чуть-чуть подробнее можно? для тех, кто пока слабо знаком с синтаксисом явы-скрипт =)))))

[homm]

qwe!: фремфорки это не заместо javascript , это вместе с javascript. но если что, вот: http://www.rsdn.ru/article/inet/jQuery.xml

[rome.ro]

оч. просто. даешь нужной фотке класс .photo и пишешь:

$(document).ready(function(){
			  $(".photo").animate({opacity: "0.0"}, "1");
			  $(".photo").animate({opacity: "1.0"}, "slow");			
		  });

А можно вообще поподробнее об этом? Не хочу я юзать всяческие фреймворки - хотябы по той причине, что хочу сам знать как это делается. Что вообще за функция такая описаная Павлом?

[rome.ro]

Никто не подскажет?

[s0rr0w]

Никто не подскажет?

Так в доке по фреймворку все детально описано.

[rome.ro]

Так в доке по фреймворку все детально описано.

Я не хочу юзить фреймворк. Я прошу чтобы кто-то подсказал как можно это реализовать самописными функциями JavaScript.

[Vlad]

Через getElementById меняешь style у элемента, opacity в данном случае от 0 до 1 через функцию setTimeout.

[rome.ro]

Через getElementById меняешь style у элемента, opacity в данном случае от 0 до 1 через функцию setTimeout.

БлагоБдарю))