11548 sujets

JavaScript, DOM et API Web HTML5

Temps de chargement en rollover

Bonjour,

Existe-t-il une méthode pour précharger des images en rollover en même temps que la page ?

Je m'explique, sur la home de mon site les rollovers sont réalisés en javascript et les images en roll mettent du temps à s'afficher.
Il y a un temps de chargement au passage de la souris.

Jugez par vous même : www.bbq-studio.com

Merci à tous,
Merci N-J, je connais cette façon de faire, mais à vrai dire j'ai un peu la flemme de tout refaire.. Smiley rolleyes
Est-ce vraiment la seule solution pour avoir des rollovers opérationnels ?

Je crois qu'il est possible de charger toutes les images de la pages y compris celles non visibles en rajoutant une petite ligne de code... enfin je ne suis pas sûr.. ??
Il est possible d'intégrer les images et de les mettre en 'display:none' pour qu'elles se chargent sans être visible.
Existe-t-il une autre solution 'plus propre' ?

Merci,
Mato
Salut,
Tout à fait pour le préchargement cette technique fonctionne très bien. Elle est même présentée dans le guide du CSS de eyrolles ^^. Sinon en javascript je pense que ça va être plus galère à mettre en place...
Salut mato08

Voici ce que tu peux faire : tu crées une page .html, tu mets une <img /> en "display: none;" dans le <body> avec une src valide. Tu ouvres ce fichier dans Firefox avec Firebug d'installé. Tu ouvres ce dernier et tu vas dans réseau. Là tu constateras que ta réponse est oui

Smiley cligne
mato08 a écrit :
Je m'explique, sur la home de mon site les rollovers sont réalisés en javascript et les images en roll mettent du temps à s'afficher.

Très facile à mettre en place avec jQuery et le plugin preload (voir cet exemple).
J'ai utilisé la méthode des images en 'display:none' et ça à l'air de très bien fonctionner !

Merci à tous !
Sujet clos
Aller à