Rollover depuis un calque sur Netscape 4

Rollover depuis un calque sur Netscape 4 - HTML/CSS - Programmation

Marsh Posté le 12-02-2003 à 22:47:59    

Salut !
 
J'ai un calque dans ma page avec un lien dedans et je voudrais faire un rollover sur une image dans la page meme.
 
Le code que j'ai fait marche sur IE et Net6 mais pas sur netscape 4, connaissez-vous la syntaxe ?
 

Code :
  1. <div id="calque" style="position:absolute; left:654px; top:39px; width:97px; height:49px; z-index:1">
  2. <a href="#" OnMouseOver="document.images['img'].src='image2.gif'" OnMouseOut="document.images['img'].src='image.gif'">lien</a>
  3. </div>
  4. <img src="image.gif" name="img" width="468" height="60" border="0" id="img">


 
Merci de votre aide !

Reply

Marsh Posté le 12-02-2003 à 22:47:59   

Reply

Marsh Posté le 12-02-2003 à 23:11:57    

IE / NS6/7 -> DIV
 
NS4 -> LAYER


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 12-02-2003 à 23:17:32    

comme ca ?  :heink:  
 

Code :
  1. <layer id="calque" style="position:absolute; left:654px; top:39px; width:97px; height:49px; z-index:1">
  2.   <a href="#" OnMouseOver="document.images['img'].src='image2.gif'" OnMouseOut="document.images['img'].src='image.gif'">lien</a>
  3.   </layer>
  4.   <img src="image.gif" name="img" width="468" height="60" border="0" id="img">


 
Si c'est bien ca, ca ne fonctionne pas...

Reply

Marsh Posté le 12-02-2003 à 23:25:16    

Et non, c'est pas si simple, je te met juste sur la piste...
 
Avec NS4, on utilise des LAYER et pas des DIV en HTML.
 
Pour le Javascript et le CSS, c'est pareil. NS4 a aussi ses particularités.
 
Mais là je peux pas t'en dire plus, désolé. Faut chercher un peut.
Peut-être que sur leur site...


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 12-02-2003 à 23:28:05    

En fait je me suis compliqué au niveau de la syntaxe ;)
 
voila la solution :
 

Code :
  1. <div id="calque" style="position:absolute; left:654px; top:39px; width:97px; height:49px; z-index:1">
  2.   <a href="#" OnMouseOver="img.src='image2.gif'" OnMouseOut="img.src='image.gif'">lien</a>
  3.   </div>
  4.   <img src="image.gif" name="img" width="468" height="60" border="0" id="img">


 
Donc compatible IE, NS 4 et 6 !
 
Merci de ton aide !

Reply

Sujets relatifs:

Leave a Replay

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