Preload images

Fermé
ti bob - 20 févr. 2009 à 02:53
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 - 22 févr. 2009 à 00:22
Bonjour,

j'aimerai pouvoir, afficher un petit gif de preload, a la place de l'image qui s'affiche, de haut en bas... par defaut

Et cela pour plusieur images sur la même page...

c'est pour une mozaique de miniatures d'image type catalogue...
vue shématique :
http://img19.imageshack.us/img19/6346/demoeo9.jpg

je c'est qu'une minature est sensé s'afficher rapidement et c'est la le principe même de la miniature.
Mais pour mon projet je travail sur une mosaique très très très conséquente...une big mosaique en gros... et elles s'affichents en quelques 20-30 secondes au fur a mesure...c'est trop moche !



Avec le Javascript cela me parait possible...
en affichant le gif par dessu l'image en question pendant que l'image se charge, et passé l'image gif en display : none une fois que l'image est chargé.

Mais je ne sait pas comment m'y prendre. comment détécter le moment ou l'image est entièrement charger, et fair disparaitre le gif a ce moment précis, et cela pour chacune des images de la pages?

3 réponses

up...
0
up
0
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 97
22 févr. 2009 à 00:22
Au plus simple tu peux faire ceci :

<img src="tonimage.jpg" style="height: Xpx; width=Ypx; background-image: url(loading.gif);" />

J'espere que tu as saisi la manip à faire.

Salut.
0