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

Bom dia, está trabalhando com Asp ou Asp.Net?

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×
×
  • Criar Novo...