preload d'image

Discussion dans 'Web, design' créé par FoX SpeEd, 14 Mars 2006.

Statut de la discussion:
Fermée.
  1. Offline
    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:
    FoX SpeEd, 14 Mars 2006
    #1
  2. Offline
    SkYlEsS Kawai
    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:
    SkYlEsS, 14 Mars 2006
    #2
  3. Offline
    FoX SpeEd Touriste
    merci merci je testerai tout ca :wink:
    FoX SpeEd, 15 Mars 2006
    #3
  4. Offline
    SkYlEsS Kawai
    Alors ? Tu as ton bonheur ? :)
    SkYlEsS, 16 Mars 2006
    #4
  5. Offline
    FoX SpeEd Touriste
    ouap merci c mieux :wink:
    FoX SpeEd, 16 Mars 2006
    #5
  6. Offline
    MbK_ Etudjant
    on peut savoir ce que ca donne?
    MbK_, 16 Mars 2006
    #6
  7. Offline
    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:
    FoX SpeEd, 16 Mars 2006
    #7
  8. Offline
    SkYlEsS Kawai
    :cool:
    SkYlEsS, 16 Mars 2006
    #8
Statut de la discussion:
Fermée.