Mudar background dinamicamente
Olá galera,
Estou reformulando um site (http://website2.cesmavitoria.com/) e uma das idéias de implementação é mudar a imagem de background automaticamente, a partir de um banco de dados Access, com um pequeno efeito Fade entre as imagens.
Tenho um código pronto, mas estou com dificuldades para mesclar ASP e Javascript. Segue o código:
<script type="text/javascript">// <![CDATA[
var imageCount = 0;
var currentImage = 0;
var images = new Array();
images[0] = 'ENDERECO DA IMAGEM';
images[1] = 'ENDERECO DA IMAGEM';
images[2] = 'ENDERECO DA IMAGEM';
images[3] = 'ENDERECO DA IMAGEM';
images[4] = 'ENDERECO DA IMAGEM';
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()', 3000);
}
}
startSlideShow();
// ]]></script>
O código acima funciona perfeitamente, mas apenas digitando manualmente o caminho das imagens.
Agradeço demais a ajuda.
Discussão (4)
Carregando comentários...