Показать сообщение отдельно
Старый 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>
greenposter вне форума
 
Ответить с цитированием Вверх
 
Время генерации страницы 0.01942 секунды с 10 запросами