Discussion :

[shintoisme]

salut tout le monde et bon foot
voila j'ai creer une page web avec des images et je voudrais leur mettre une opacity quand ont survoles mes images. Pour eviter de mettre a chaque balise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img onmouseover="javascript:style.filter='Alpha(Opacity=60)';" onmouseout="javascript:style.filter='Alpha(Opacity=100)';"/>

sous firefox avec le css et "img:hover" ca marche mais pas sous Iexplorer
j'ai vue qu 'un objet en javascript pouvais le faire mais je comprend pas
cette objet
si jai bien compris il recupere le nom des balises pour moi cest les <img>
et apres je vois pas comment faire
si quelqu'un peu m'aider a comprendre comment elle fonctionne ca serais cool
je debute en javascript
MERCI:

[FremyCompany]

...onmouseout="this.style...

[Eric Berger]

Avec internet explorer, il faut utiliser la propriété filter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

filter: alpha(opacity=60)

[shintoisme]

oui je sais mais je veux que tout mes balises <img /> sois avec cette opacity
sans a chaque fois me taper tout le texte
et pour une lecture du code html plus simple
en javascript j'ai trouver cette objet getElementByTagName(); qui permet a une balise precis d'avoir un style
exemple pour toutes les balises <img /> de la page avoir ce style
mais j'arrive pas a savoir comment l'utiliser
merci de m'aider

[Eric Berger]

ok, j'ai compris... sorry j'étais à côté.
C'est pas des plus propres, mais en encapsulant dans une balise <a> tu peux te servir de l'état hover sur IE.

[shintoisme]

ouai biensur jai penser aussi
mais j'aimerais comprendre cette objet comment l'utiliser
je trouve pas de truc ou sinon je comprend pas comment elle fonctionne meme avec des exemples

[Eric Berger]

Ok, ben désolé, là je ne peux pas t'aider, tu peux éventuellement me donner un lien vers la doc et les exemples de cet objet, j'irai jeter un coup d'oeil...

[shintoisme]

http://nyams.planbweb.com/tutorial/dom/06/
voila un lien
et un autre
http://www.ibilab.net/webdev/article...ytagname-3.htm
merci de m'aider Eric