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

*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