Ordre de chargement des images dans des calques

wham · 27 Avril 2005

Bonjour à tous,
J'aimerais savoir quand on a une série de calques se superposant et contenant des images si on peut choisir l'ordre et/ou le moment de chargement.
Ex : quand on clic avec la souris sur l'image du calque 1 l'image du calque 2 se charge et apparait.
Pour le moment sur mon site toutes les images contenues dans mes calques se chargent au lancement du site et donc avec un temps de chargement assez important.

D'avance merci pour votre aide.

Vincent

afrodiziak · 28 Avril 2005

Avec du javascript vous pouvez gérer le chargement d'une image...
Pour la superposition des images il faut utiliser je crois le z-index d'un div ..Peut etre ce site vous aidera : http://www.ncdesign.org/html/s050pos.htm

wham · 28 Avril 2005

Merci pour la réponse.
Effectivement le z-index est utile pour le positionnement des calques,mais il n'empèche pas le chargement des images qu'ils contiennent .
Pour ce qui est du javascript, auriez vous des précisions ?

Merci.

afrodiziak · 28 Avril 2005

Je pense que tu peux utiliser un calque visible et un invisible...

Code:

<div id="calque1" style="visibility:visible;...." onclick="">
<img src="..."...>
</div>
<div id="calque2" style="visibility:hidden;....">
<img src="..."...>
</div>
<a href="" onMouseover="calque2.style.visibility='visible'" ....>Voir le calque 2 ? </a>
<a href="" onMouseover="calque2.style.visibility='hidden'" ....>Cacher le calque 2 ? </a>

Quelque chose comme cela peut inhiber un calque et le faire apparaitre.

Sinon question javascript regardez peut etre cela :
http://developpeur.journaldunet.com/tut ... over.shtml

e-kiwi · 28 Avril 2005

essaye en prechargeant les images dans l ordre que tu veux :
Placer les balises img tout au début, juste sous la balise <body> :
<img src="image1.gif" style="display:none;" alt=""/>
<img src="image2.gif" style="display:none;" alt=""/>
...

wham · 28 Avril 2005

Merci à tous pour tous ces conseils !

Je tente, et je vous tiens au courant.

A+