Fab23 Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
ImoTheP Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 <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'');"> Lien vers le commentaire Partager sur d’autres sites More sharing options...
Ago Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 ca sent dreamweaver à plein nez Lien vers le commentaire Partager sur d’autres sites More sharing options...
Fab23 Posté(e) le 13 août 2005 Auteur Partager Posté(e) le 13 août 2005 Merci ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
afbilou Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 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). Lien vers le commentaire Partager sur d’autres sites More sharing options...
ImoTheP Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 ca sent dreamweaver à plein nez Meu non... Bon, c'est vrai qu'il faut toujours préférer le CSS au JS pour ce genre de truc... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Fab23 Posté(e) le 13 août 2005 Auteur Partager Posté(e) le 13 août 2005 Ah ça m'a l'air meilleur mais on fait comment (en regardans le code source j'ai pas trop compris Pourquoi tu déplace backgroud? Lien vers le commentaire Partager sur d’autres sites More sharing options...
ImoTheP Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 Regarde l'image complète, je pense que tu comprendras pourquoi le backgroup-position est modifié : Lien vers le commentaire Partager sur d’autres sites More sharing options...
Fab23 Posté(e) le 13 août 2005 Auteur Partager Posté(e) le 13 août 2005 Regarde l'image complète, je pense que tu comprendras pourquoi le backgroup-position est modifié : 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
ImoTheP Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 Vi on peut dire ça comme ça Lien vers le commentaire Partager sur d’autres sites More sharing options...
Yangzebul Posté(e) le 13 août 2005 Partager Posté(e) le 13 août 2005 function MM_preloadImages() ©Macromedia > Interdit sur le forum Lien vers le commentaire Partager sur d’autres sites More sharing options...
Fab23 Posté(e) le 14 août 2005 Auteur Partager Posté(e) le 14 août 2005 Au faite y a sur Sur l'éditeur Javascript un bon script... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.