Jump to content

[RESOLU] Précharger des images sur un site?


Recommended Posts

Salut à tous,

Je fais un site sur lequelle j'ai fais un menu avec du texte (en image) donc pour chaques mot (où liens si vous voulez), j'ai 2 images, la principal et la 2ème au passage de la souris, mais le problème avec ce sysème c'est que quand on pointe la souris, ça doit charger l'image!

Donc il faudrait pouvoir les charger avant (ou quand on arrive sur le site en même temps...)

Donc est-ce que qqun connait un script avec lequel on pourrait le faire... (JAVASCRIPT si possible...)

Merci :-D

Link to comment
Share on other sites

<script type="text/javascript">

function Preload() 
{ 
var im=document; 
if(im.images)
{ 
if(!im.tb) im.tb=new Array();
var i,j=im.tb.length,a=Preload.arguments; 

for(i=0; i<a.length; i++)
 if(a[i].indexOf("#") != 0)
 { 
 	im.tb[j]=new Image; 
 	im.tb[j++].src=a[i];
 }  

}
}
</script>

et tu appelles la fonction Preload() dans le onload en passant en paramètres la ou les image(s)


<body onload="Preload('img/image.png','truc.gif'');">

:pastoutlu:

Link to comment
Share on other sites

Une bien meilleure solution : http://afbilou.free.fr/tmp/preload.html

Utilisation d'une image unique qui contient les deux etats : par defaut et survolé.

Avec CSS on deplace l'image en question en fonction de l'evenement hover de la souris.

Avantage : n'utilise pas de Javascript et fonctionne donc sur tous les navigateurs supportants CSS. Car javascript peut-etre desactivé par certains utilisateurs ou bien inexistant (eniron 10% des gens).

Link to comment
Share on other sites

Regarde l'image complète, je pense que tu comprendras pourquoi le backgroup-position est modifié :

image.jpg

Ah oui car au faite la 2ème image est présente mais il l'affiche pas tant qu'on n'est pas aller sur l'autre... C'est ça :-D

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...