IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[js] préchargement d'image


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    352
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 352
    Par défaut [js] préchargement d'image
    En deux mots je m'arrache les cheveux. En effet pour améliorer la qualité de la visionneuse de mon site j'ai fait une fonction de préchargement qui est lancée avec l'instruction onload
    voici le code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
     
    function VisionneusePrechargement()
    {
     
    TotalImages= NbGiens + NbResidence + NbHyeres + NbPlage + NbProvence + NbIles ;// à compléter en fonction des nouvelles photos
     
    var Giens = new Array();
    var Hyeres = new Array();
    var Residence = new Array();
    var Plage = new Array();
    var Provence = new Array();
    var Iles = new Array();
     
     
    for ( var i=0; i<=NbGiens ;i++)
    	{
    	Giens[i] = new Image;
    	Giens[i].src=CheminPhotosGiens+ i + ".jpg";
    	NbImagesChargees++;
     
    	}
     
     
    for (var i =0; i<=NbHyeres ;i++)
    	{
    	Hyeres[i] = new Image;
    	Hyeres[i].src=CheminPhotosHyeres + i + ".jpg";
    	NbImagesChargees++;
     
    	}
     
    for (var i =0; i<= NbResidence ;i++)
    	{
    	Residence[i] = new Image;
    	Residence[i].src=CheminPhotosResidence + i + ".jpg";
    	NbImagesChargees++;
     
    	}
     
     
    for (var i =0; i<= NbPlage ;i++)
    	{
    	Plage[i] = new Image;
    	Plage[i].src=CheminPhotosPlage + i + ".jpg";
    	NbImagesChargees++;
     
    	}
     
    for (var i =0; i<= NbProvence;i++)
    	{
    	Provence[i] = new Image;
    	Provence[i].src=CheminPhotosProvence + i + ".jpg";
    	NbImagesChargees++;
     
    	}
     
    for (var i =0; i<= NbIles ;i++)
    	{
    	Iles[i] = new Image;
    	Iles[i].src=CheminPhotosIles + i + ".jpg";
    	NbImagesChargees++;
     
    	}
     
     
    }
    puis dans mon programe de visionneuse j'ai la fonctin suivante l'instruction suivante
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
     
    function afficher(theme,indice)
    {
     
    	w=document.getElementById("VisionneuseEcran");
    	w1=document.getElementById("VisionneuseCommentairesBloc");
    	switch (theme)
     
    	{
    	case 1:
     
    	w.setAttribute("src",CheminPhotosResidence +indice +".jpg");
    	w1.innerHTML= "<b> " +commentairesresidence[indice] + "</b> ";
    	break;
     
    	case 2:
    	w.setAttribute("src",CheminPhotosPlage +indice +".jpg");
    	w1.innerHTML= "<b> " +commentairesplage[indice]+ "</b> ";
    	break;
     
    	case 3:
    	w.setAttribute("src",CheminPhotosGiens +indice +".jpg");
    	w1.innerHTML="<b> " + commentairesgiens[indice] + "</b> ";
    	break;
     
    	case 4:
    	w.setAttribute("src",CheminPhotosProvence +indice +".jpg");
    	w1.innerHTML= "<b> " + commentairesprovence[indice] +"</b>";
    	break;
     
    	case 5:
    	w.setAttribute("src",CheminPhotosHyeres +indice +".jpg");
    	w1.innerHTML= "<b> " + commentaireshyeres[indice] + "</b> ";
    	break;
     
     
    	case 6:
    	w.setAttribute("src",CheminPhotosIles +indice +".jpg");
    	w1.innerHTML= "<b> " + commentairesiles[indice] + "</b> ";
    	break;
    	}
    }
    ou indice correspond au numéro de l'image et thème (provence, résidence....)

    lorsque je charge je site à partir du serveur et malgré cette fonction de préchargement il me faut attendre 1 sconde netre chaque image lors du premier appel. je ne comprends pas où se trouve mon erreur
    En attendant votre aide!!!

  2. #2
    Membre éclairé Avatar de FrankOVD
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Par défaut
    Je n'ai jamais fait ce que tu cherches à faire. Mais comme l'aide ne vient pas à toi, je vais te formir un ptit bout de code que j'ai trouvé en espérant que ça te serve à quelquechose.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    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];}}
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. rollovers, préchargement d'images
    Par Lulu_n10 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 13/07/2007, 14h26
  2. Préchargement des images
    Par zooffy dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 09/04/2007, 10h40
  3. préchargement d'images
    Par Darkyl dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/02/2006, 11h45
  4. Préchargement d'Image (et de sons ?)
    Par Blustuff dans le forum Multimédia
    Réponses: 6
    Dernier message: 20/07/2005, 23h40
  5. préchargement d'images
    Par clemsouz dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 16/11/2004, 13h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo