Discussion :

[philou8]

Bonjour,
J'ai réalisé une carte avec 300 points placés sur des layers.
Le survol de chaque point provoque l'affichage d'une image de 20 à 30Ko.
Actuellement lors du chargement, toutes les images sont chargées en cache, ce qui provoque une attente forcée de près de 15 secondes.
Pour remédier à ce problème, jaimerais que les images ne soient pas chargées en cache lors du chargement de la page, mais que chaque image soit chargée lors du survol avant affichage.

Quelqu'un a t'il une idée ?
Merci d'avance

Trachy

Voici un extrait du code placé dans le body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script language='JavaScript'>for(i=0;i<nb_entite;i++){j=i+20;document.write("<div id='Layer"+j+"' style='position:absolute; z-index:"+j+"; left:"+coordX[i]+"px;top:"+coordY[i]+"px'><a href='#' onMouseover=\"MM_swapImage('Image8','','../images/photos_survol/"+identifiant_agence[i]+".jpg',1)\" onMouseout=\"MM_swapImgRestore()\"><img src=\""+init_image(i)+"\" name= \""+identifiant[i]+"\" id= \""+identifiant[i]+"\" border='0' height =5  width =5  ></a></div>");}</script>
<script language='JavaScript'>j=nb_entite+3+20;document.write("<div id='Layersurvol' style=' position:absolute; z-index:"+j+"; top:5px; left:5px'><img src='../images/point.gif' name='Image8'></div>")</script>

[SpaceFrog]

tu utilises quoi comme code de preload ???

[philou8]

Aucune utilisation de on load() dans la balise body.
Trachy

[SpaceFrog]

ben alors utilise un script de preload des images ...

[philou8]

Je ne comprends pas très bien.
Si je fais un script de preload des images, les images devront être toutes chargées avant de pouvoir exécuter une action sur la carte (ex cliquer dans des zones réactives) ? est-ce exact ?
Ce que j'aimerais c'est que le chargement de chacune des images puisse se faire au môment où l'utilisateur en a besoin, c'est au dire au survol d'un point particulier. (20ko est négligeable par rapport à un préchargement de 6Mo )

[SpaceFrog]

un preload n'est pas blocant ...

[philou8]

Merci, je vais essayer.

[Watilin]

Bonsoir,
perso je ne suis pas sûr que le preload ne soit pas bloquant, à moins de le mettre à la fin du body.

Par contre si le but est de charger les images uniquement quand il y en a besoin, une règle css background-image peut être utile...

A tester.

[Invité]

et en creant dynamiquement le src de l'image au passage
de la sourie ?

[SpaceFrog]

http://www.developpez.net/forums/d96...-larea-survol/

ok dans l'exemple fourni les image sont toutes petities, mais le preload n'est pas bloquant