[Resolu]Faire passer une image au dessus d'une autre en javascript

Faire passer une image au dessus d'une autre en javascript [Resolu] - HTML/CSS - Programmation

Marsh Posté le 11-07-2005 à 12:39:24    

Bonjour,  :hello:  
 
Voila j'ai deux images à positions absolu dans mon document html, donc une qui se déplace, j'aimerais qu'a certaines condition l'image mobile passe en dessous de l'autre et qu'a d'autre elle apsse au dessus.
 
J'ai trouvé qu'il fallait utiliser z-index dans style pour organiser l'ordre en profondeur des couche du document, ce qui fonctionne, mais je ne sait pas comment modifier cette valeur en javascript...
 
Voici l'image mobile :

Citation :


<img src="char.gif" alt="Joueur" width="25" height="42" id="char" style="position:absolute;top:240px;left:320px;z-index:1;">


 
Et l'image fixe :  

Citation :


<img src="arbre1.gif" alt="Joueur" width="256" height="317" id="arbre" style="position:absolute;top:50px;left:50px;z-index:1;">


 
Et le code javascript qui est censé les faire passer l'une sous l'autre :

Citation :


document.getElementById("arbre" ).style.z-index="2";
document.getElementById("char" ).style.z-index="1";


 
Seulement je crois qu'il bug sur le tiret de z-index...
 
Si quelqun a la solution ou un autre moyende faire je suit prenant


Message édité par zakinster le 11-07-2005 à 13:38:45

---------------
-/- => -<
Reply

Marsh Posté le 11-07-2005 à 12:39:24   

Reply

Marsh Posté le 11-07-2005 à 12:43:24    

c'est document.getElementById("arbre" ).style.zIndex


Message édité par gatsusat le 11-07-2005 à 12:44:23
Reply

Marsh Posté le 11-07-2005 à 12:59:40    

Ah merci, je me disait aussi, j'avais esseyer zindex mais il en voulais pas, merci beaucoup !
 
 :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed