..:: MX Studio Fóruns ::..: FadeIn no Background - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1

FadeIn no Background

#1 User is offline   kaisuki 

  • Group: Membros
  • Posts: 37
  • Joined: 14-May 09

Posted 23 January 2012 - 10:12 PM

Galera eu já tenho um script que troca o fundo a cada 3 segundos mais o que eu estou necessitando é que quando ele for trocar ele dê um fadein na próxima imagem, para não ficar algo tão rapido, ficar mais suave para o usuario não levar sustos quando a imagem for trocada.

var imageCount = 0; 
var currentImage = 0; 
var images = new Array(); 

images[0] = 'img/bg.jpg'; 
images[1] = 'img/bg2.jpg'; 
images[2] = 'img/bg3.jpg'; 
images[3] = 'img/bg4.jpg'; 
  
var preLoadImages = new Array(); 
for (var i = 0; i <images> 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();


body onload="startSlideShow();"

0

#2 User is offline   xanburzum 

  • Group: Administrador
  • Posts: 2073
  • Joined: 04-November 08

Posted 28 January 2012 - 03:30 PM

Use Jquery ara fazer isso
0

Share this topic:


Page 1 of 1



Publicidade





Fast Reply

  

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)