Компьютерный форум NoWa.cc

Компьютерный форум NoWa.cc (https://nowa.cc/index.php)
-   Веб - Программирование (https://nowa.cc/forumdisplay.php?f=304)
-   -   смена одной картинки на другую (https://nowa.cc/showthread.php?t=154343)

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>


Текущее время: 13:24. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2026, vBulletin Solutions, Inc. Перевод: zCarot
Copyright ©2004 - 2025 NoWa.cc

Время генерации страницы 0.01934 секунды с 9 запросами