preload d'image

Statut
N'est pas ouverte pour d'autres réponses.

FoX SpeEd

Touriste
alors voila , j'ai coder une petite galerie de photo. Tout va bien mais une petite chose me tracasse. Les image prennent assez de temps pour s'afficher (l'affichage est fait en javascript) donc j'aimerai savoir si il y a un moyen de faire en sorte que les image soit "preloader" a l'ouverture de la galerie comme pour les roll over?? Je ne sais pas si c'est realisable... Si quelqu'un a une idée :wink:
 

SkYlEsS

Elite
Entre les balises HEAD :

Code:
<script language="JavaScript">
var tabimg;

function preload()
{
	tabimg=new load("url_1, url_2, url_3");
	// Indique ici la liste des urls des images à précharger
	setTimeout("Verifie()",200);
}
function FinPreload()
{
	// FinPreload est appelée à la fin du préchargement pour déclencher une action
	alert("Préchargement terminé. Merci d'avoir patienté.");
}
function load()
{
	if (document.images)
	{
		this.length=load.arguments.length;
		for (var i=0;i<this.length;i++)
		{
			this[i+1]=new Image();
			this[i+1].src=load.arguments[i];
		}
	}
}
function Verifie()
{
	var ok=1;
	if (document.images)
	{
		for (var i=0;i<tabimg.length;i++)
		{
			if (!(tabimg[i+1].complete)) {ok=0}
		}
	}
		if (ok) {FinPreload()}
		else {setTimeout("Verifie()",200)}
}
</script>
Dans et entre les balises BODY :

Code:
<body onLoad="preload()">

<img src="url_1">
<img src="url_2">
<img src="url_3">
Voilà, tu peux évidemment mettre beaucoup plus que 3 images mais n'oublie pas de les mettre également entre les balises BODY :wink:
 
1er
OP
FoX SpeEd

FoX SpeEd

Touriste
merci merci je testerai tout ca :wink:
 

SkYlEsS

Elite
Alors ? Tu as ton bonheur ? :)
 
1er
OP
FoX SpeEd

FoX SpeEd

Touriste
ouap merci c mieux :wink:
 

MbK_

Etudjant
on peut savoir ce que ca donne?
 
1er
OP
FoX SpeEd

FoX SpeEd

Touriste
pour tous vous dire je l mis puis enlever car je me suis rendu compte que pas besoin d'image qui font 1.2mo alors je les ai redimensionner et donc plus besoin de preload car c'est assez rapide mais merci quand même :wink:
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut