смена одной картинки на другую

*SergAgent* · 29.03.2008, 04:47

подскажите плиз,
в HTML сайте надо сделать, чтоб при наведении курсора на картинку та менялась на другую, можно даже несколько способов

greenposter · 29.03.2008, 19:15

Ставь JavaScript

*SergAgent* · 30.03.2008, 04:12

А что именно? Дайте готовый скрипт если можно?

greenposter · 31.03.2008, 21:17

В меню часто встречается.Чтобы картинка не резко менялась, а плавно переходила одна в другую (эффект затухания)
<html encoding="UTF-8" lang="en">
<head>
<title></title>
>

var slideShowSpeed = 3000;
var crossFadeDuration = 3;
var runSlideShow = function (ss) {
//if (document.all){
// ss.style.filter='blendTrans(duration=2)';
// ss.style.filter='blendTrans(duration=' + crossFadeDuration + ')';
// ss.filters.blendTrans.Apply();
//}
ss.src = ss.preLoad[ss.j].src;
//if (document.all){
// ss.filters.blendTrans.Play();
//}
ss.j = (ss.j + 1) % ss.p;
}
</script>
</head>
<body>
<a target=_blank href="Гиперссылка">
<img alt="картинка" border=0 name=SlideShow1>
</a>
>
var ss1 = document.images.SlideShow1;
ss1.Pic = new Array();
ss1.Pic[0] = 'img/1.jpg';
ss1.Pic[1] = 'img/2.jpg';
ss1.p = ss1.Pic.length;
ss1.preLoad = new Array()
for (var i = 0; i < ss1.p; i++){
ss1.preLoad[i] = new Image();
ss1.preLoad[i].src = ss1.Pic[i];
}
ss1.src = ss1.preLoad[0].src;
ss1.j = 1;
setInterval('runSlideShow(ss1)', slideShowSpeed);
</script>
<a target=_blank href="Гиперссылка">
<img alt="картинка" border=0 name=SlideShow2>
</a>
>
var ss2 = document.images.SlideShow2;
ss2.Pic = new Array();
ss2.Pic[0] = 'img/2.jpg';
ss2.Pic[1] = 'img/1.jpg';
ss2.p = ss2.Pic.length;
ss2.preLoad = new Array()
for (var i = 0; i < ss2.p; i++){
ss2.preLoad[i] = new Image();
ss2.preLoad[i].src = ss2.Pic[i];
}
ss2.src = ss2.preLoad[0].src;
ss2.j = 1;
setInterval('runSlideShow(ss2)', slideShowSpeed);
</script>
</body>
</html>

29.03.2008, 04:47	#1
SergAgent ViP Пол: Регистрация: 25.07.2007 Адрес: Беларусь,Минск Сообщений: 275 Репутация: 96	смена одной картинки на другую подскажите плиз, в HTML сайте надо сделать, чтоб при наведении курсора на картинку та менялась на другую, можно даже несколько способов

29.03.2008, 19:15	#2
greenposter Неактивный пользователь Регистрация: 28.03.2008 Сообщений: 4 Репутация: 0	Ответ: смена одной картинки на другую Ставь JavaScript

30.03.2008, 04:12	#3
SergAgent ViP Пол: Регистрация: 25.07.2007 Адрес: Беларусь,Минск Сообщений: 275 Репутация: 96	Ответ: смена одной картинки на другую А что именно? Дайте готовый скрипт если можно?

31.03.2008, 21:17	#4
greenposter Неактивный пользователь Регистрация: 28.03.2008 Сообщений: 4 Репутация: 0	Ответ: смена одной картинки на другую В меню часто встречается.Чтобы картинка не резко менялась, а плавно переходила одна в другую (эффект затухания) <html encoding="UTF-8" lang="en"> <head> <title></title> > var slideShowSpeed = 3000; var crossFadeDuration = 3; var runSlideShow = function (ss) { //if (document.all){ // ss.style.filter='blendTrans(duration=2)'; // ss.style.filter='blendTrans(duration=' + crossFadeDuration + ')'; // ss.filters.blendTrans.Apply(); //} ss.src = ss.preLoad[ss.j].src; //if (document.all){ // ss.filters.blendTrans.Play(); //} ss.j = (ss.j + 1) % ss.p; } </script> </head> <body> <a target=_blank href="Гиперссылка"> <img alt="картинка" border=0 name=SlideShow1> </a> > var ss1 = document.images.SlideShow1; ss1.Pic = new Array(); ss1.Pic[0] = 'img/1.jpg'; ss1.Pic[1] = 'img/2.jpg'; ss1.p = ss1.Pic.length; ss1.preLoad = new Array() for (var i = 0; i < ss1.p; i++){ ss1.preLoad[i] = new Image(); ss1.preLoad[i].src = ss1.Pic[i]; } ss1.src = ss1.preLoad[0].src; ss1.j = 1; setInterval('runSlideShow(ss1)', slideShowSpeed); </script> <a target=_blank href="Гиперссылка"> <img alt="картинка" border=0 name=SlideShow2> </a> > var ss2 = document.images.SlideShow2; ss2.Pic = new Array(); ss2.Pic[0] = 'img/2.jpg'; ss2.Pic[1] = 'img/1.jpg'; ss2.p = ss2.Pic.length; ss2.preLoad = new Array() for (var i = 0; i < ss2.p; i++){ ss2.preLoad[i] = new Image(); ss2.preLoad[i].src = ss2.Pic[i]; } ss2.src = ss2.preLoad[0].src; ss2.j = 1; setInterval('runSlideShow(ss2)', slideShowSpeed); </script> </body> </html>

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

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
НАложение одной звуковой дорожки на другую	kosja	Просмотр, конверторы и монтаж Аудио&Видео	13	13.01.2014 03:41
MMC - как скопировать политики с одной машины на другую?	Kucher2	Скорая помощь	1	05.04.2008 00:47
Перемещение части файлов из одной папки в другую по дате изменения	Ak.Ru	Microsoft Windows	4	06.06.2007 10:15