pré-carregar imagens

[byfreak 0]

olá....como faço para carregar as imasgens dum site antes dele carregar? tipo quero fazer um splash de abertura pro site que já comece a carregar as imagens...vlw!

[logan_pa 0]

<script language="JavaScript">var arImages=new Array();function Preload() {var temp = Preload.arguments;for(x=0; x < temp.length; x++) {arImages[x]=new Image();arImages[x].src=Preload.arguments[x];}}Preload('foto1.gif','foto2.gif','foto3.gif','foto4.gif','foto5.gif','foto6.gif');</script>

Dentro do Body ou head?

[logan_pa 0]

HEAD! ;)

Imagens dentro do CSS que estão como background-image: url (imagen.jpg); também funcionam?

[{TeRmInAtOr} 1]

Pode ser assi tb

 

function MM_preloadImages() { //v3.0	var d=document;	if(d.images){	if(!d.MM_p) d.MM_p=new Array();	var i,j=d.MM_p.length,a=MM_preloadImages.arguments;	for(i=0; i<a.length; i++)	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

so separa por virgula

 

Ex.

MM_preloadImages('teste.gif', 'teste.jpg', 'teste.png');

[logan_pa 0]

Mas funciona no css?

[marcelomoreles 0]

Pode ser assi tb

function MM_preloadImages() { //v3.0	var d=document;	if(d.images){	if(!d.MM_p) d.MM_p=new Array();	var i,j=d.MM_p.length,a=MM_preloadImages.arguments;	for(i=0; i<a.length; i++)	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

so separa por virgulaEx.MM_preloadImages('teste.gif', 'teste.jpg', 'teste.png');

Cara, minha pagina php ta varrendo o diretorio atras de imagens e exibindo como um slideshow... mas preciso fazer o pre-load delas... como aplicaria esse script nessa pagina? Já que não tem como definir nomes das imagens, pois são gravadas no diretório por data.Valew

[Illidan 0]

Você pode montar uma string em PHP com o endereço de todas as imagens que estão no diretório, de forma que ela fique assim:

 

$str = "'imagem1.jpg', 'image2.jpg', 'image3.jpg'";

 

Aí você faz:

 

echo "MM_preloadImages(" . $str . ");";