Ir para conteúdo
Fórum CódigoFonte.net
Entre para seguir isso  
Eddy Fernandes Senior

Mudar background dinamicamente

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Visitante
Responder

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...
Entre para seguir isso  

×
×
  • Criar Novo...