![]() |
смена одной картинки на другую
подскажите плиз,
в HTML сайте надо сделать, чтоб при наведении курсора на картинку та менялась на другую, можно даже несколько способов |
Ответ: смена одной картинки на другую
Ставь JavaScript
|
Ответ: смена одной картинки на другую
А что именно? Дайте готовый скрипт если можно?
|
Ответ: смена одной картинки на другую
В меню часто встречается.Чтобы картинка не резко менялась, а плавно переходила одна в другую (эффект затухания)
<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