BACKGROUD efeito FADE
Boa tarde amigos do fórum, estou encontrando dificuldades em IMPLEMENTAR o efeito FADE.
Tenho uma página ,logo abaixo, em que as imagens do BACKGROUND estão passando randomicamente de forma GROSEIRA e eu gostaria de implementar essa transição entre as imagens de forma mais SUAVE com o efeito FADE.
Alguém aí poderia me dá essa força?
Obrigadão a todos.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script type="text/javascript">var imageCount = 0;
var currentImage = 0;
var images = new Array();
images[0] = '1.jpg';
images[1] = '2.jpg';
images[2] = '3.jpg';
images[3] = '4.jpg';
var preLoadImages = new Array();
for (var i = 0; i < images.length; i++) if (images[i] == "")
break;
preLoadImages[i] = new Image();
preLoadImages[i].src = images[i];
imageCount++;
}
function startSlideShow() if (document.body && imageCount > 0)
{
document.body.style.backgroundImage = "url("+images[currentImage]+")";
document.body.style.backgroundAttachment = "fixed";
document.body.style.backgroundRepeat = "repeat";
document.body.style.backgroundPosition = "left top";
currentImage = currentImage + 1;
if (currentImage > (imageCount-1))
{
currentImage = 0;
}
setTimeout('startSlideShow()', 3500);
}
}
startSlideShow();</script>
</body>
</html>Discussão (3)
Carregando comentários...