Quantcast
Channel: Fórum ASP
Viewing all articles
Browse latest Browse all 1214

Mudar background dinamicamente

$
0
0

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.


Viewing all articles
Browse latest Browse all 1214

Latest Images

Trending Articles