javascript плавно сменить картинку

handler · 11.09.2010, 14:00

Здравствуйте!

Имеем javascript-функцию, меняющую поочередно две картинки:

<script language="javascript">
var cur_img = 0;
function change_image() {
if ( cur_img == 0 ) {
document.getElementById("img1").src = "/img1.jpg";
document.getElementById("img2").src = "/img2.jpg";
cur_img = 1;
}
else {
document.getElementById("img1").src = "/img2.jpg";
document.getElementById("img2").src = "/img1.jpg";
cur_img = 0;
}
setTimeout (change_image, 4000);
}

<body onload='change_image()'>

Все работает, картинки меняются местами, но мне хотелось бы, чтобы картинки плавно переходили друг в друга, как в слайд-шоу.
Какие инструменты для этого использовать?

Niemans · 11.09.2010, 14:42

http://medienfreunde.com/lab/innerfade/

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Можно ли мне сменить ник?	AceLightning	Книга жалоб и предложений	2	09.06.2015 14:48
плавно перетекающая страница	Judjin	HTML, CSS, JavaScript	3	09.03.2012 10:52
Плавно из белого	Schturm	Растровая графика	6	15.06.2005 13:01
Как дизайн форума сменить?	kors@r	HTML, CSS, JavaScript	8	29.03.2004 22:10
Как сменить Ip адрес?	Dis	Кальянная	5	14.06.2003 21:51

11.09.2010, 14:00	#1
handler	Здравствуйте! Имеем javascript-функцию, меняющую поочередно две картинки: <script language="javascript"> var cur_img = 0; function change_image() { if ( cur_img == 0 ) { document.getElementById("img1").src = "/img1.jpg"; document.getElementById("img2").src = "/img2.jpg"; cur_img = 1; } else { document.getElementById("img1").src = "/img2.jpg"; document.getElementById("img2").src = "/img1.jpg"; cur_img = 0; } setTimeout (change_image, 4000); } <body onload='change_image()'> Все работает, картинки меняются местами, но мне хотелось бы, чтобы картинки плавно переходили друг в друга, как в слайд-шоу. Какие инструменты для этого использовать?

11.09.2010, 14:42	#2
Niemans	http://medienfreunde.com/lab/innerfade/

Опции темы
Версия для печати Отправить по электронной почте