Preload d'une image

[afrodiziak]

y-a-t-il un intéret à intégrer un script de preload d'images?
si oui en avez vous le code?
en javascript?
le css le fait-il?
merci.

 

[milkiway]

Moi je le fais en CSS pour les rollover
Un petit display none sur les images placées en fin de page pour forcer leur chargement.

 

[blman]

Sur cette page http://www.microbians.com/genlib/index.html , tu trouvera un petit script http://www.microbians.com/genlib/genlib ... oader.html . Je l'ais pas tester, je connais pas non plus sa compatibilité avec tous les navigateurs (on m'a montré le lien ce matin alors ça tombe bien). Je te file le lien, si ça peut t'aider, tant mieux...

 

[afrodiziak]

Sur cette page http://www.microbians.com/genlib/index.html , tu trouvera un petit script http://www.microbians.com/genlib/genlib ... oader.html . Je l'ais pas tester, je connais pas non plus sa compatibilité avec tous les navigateurs (on m'a montré le lien ce matin alors ça tombe bien). Je te file le lien, si ça peut t'aider, tant mieux...

Merci c'est sympa...le .js fait le boulot sur le code source de la page mais je ne le trouve pas(j'ai mozilla)
rollover je connais pas...

 

[blman]

Tiens http://www.microbians.com/genlib/genlib.js , assez compliqué quand même 8O

 

[dasikund]

Salut,

Le rollover ou "image survolée" peut être faite à partir de logiciel WYSIWYG (What You See Is What You Get = en gros tu bosses en interface graphique), mais je t'avouerais qu'ils te génèrent à chaque fois des palanquées de code...

Tu peux essayer un truc dans le genre :

<a href="tonlien" onMouseOver="tonimage.src='img_survolee.jpg'" onMouseOut="tonimage.src='img_de_depart.jpg'"><img src="img_de_depart.jpg" name="tonimage"></a>

Bien que ça ne prenne pas en compte le preload des images c'est autrement plus léger en matière de code.

Doug

 

[afrodiziak]

Tiens http://www.microbians.com/genlib/genlib.js , assez compliqué quand même 8O

Merci mais trop complex pour moi

Pour ce code :

<a href="tonlien" onMouseOver="tonimage.src='img_survolee.jpg'" onMouseOut="tonimage.src='img_de_depart.jpg'"><img src="img_de_depart.jpg" name="tonimage"></a>

je vais essayer merci aussi.