carregar imagens sem as apresentar

[kwnds 0]

Bom dia

 

Estou a desenvolver um website mas estou a ter um problema. Eu estou a apresentar umas imagens em javascript com um afeito de "fade in" mas isso está a ficar lento. No inicio, quando entro e começo a ver as imagens pela primeira vez fica lento. Mas quando volto a ver as imagens outra vez já as apresenta sem problemas.

A minha questão era se havia alguma maneira, de quando iniciar a página, usar logo 4 ou 5 imagens para ficarem nos ficheiros temporarios do browser, e quando precisar de as ver ja nao sao apresentadas de maneira lenta.

Alguem me pode ajudar?

 

Abraço

[berkowitz 2]

você vai precisar de um preload das imagens. Algo mais ou menos assim:

 

var preloadImg = new Image();
imgUrl = new Array();
imgUrl[0] = "imagem0.gif";
imgUrl[1] = "imagem1.gif";
imgUrl[2] = "imagem2.gif";
imgUrl[3] = "imagem3.gif";

var i;
for(i=0; i<imgUrl.length; i++) 
  preloadImg.src = imgUrl[i];

Entendeu? É só rodar esse script logo no começo de tudo e da tudo certo.

 

Abrax!