-
OnMouseOut et Over
Bonjour à vous joliens,
J'ai un onMouseOut et over sur une série d'image générée en php mais ça ne fonctionne pas comme je le voudrais..
En gros, j'ai ceci :
Code:
<img src='....' alt='Image' name='photos".$i."' onmouseover=\"document.photos".$i.".style.opacity='1'\" onmouseout=\"document.photos".$i.".style.opacity='0.5'\" />
Mais ça ne fonctionne qu'a moitié..
Au chargement de la page, l'opacité est sur 1, or il devrait mettre toutes les images avec l'opacité 0.5... Mais lorsque je passe sur une image et que je sors de l'image, l'opacité change bien (mais seulement pour l'image que j'ai survolé, pas toutes...)
Donc c'est pas très très pratique :-/
Comment je peux faire pour que la bonne opacité soient mise dés le départ svp?
Merci d'avance...
ps : Je ne peux pas utiliser les css pour ce cas ci donc je dois faire appel au javascript..
-
Code:
<img src='...' style="filter:alpha(opacity=50);" alt='Image' id='photos' onmouseover="this.style.filter='alpha(opacity=100)'" onmouseout="this.style.filter='alpha(opacity=50)'">
filter:alpha(opacity=50) ça marche mieux pour définir l'opacité
tu peux utilisé "this" pour appeler l'objet, ou alors "document.getElementById(id_objet)" si tu est en dehors de la balise.
style="filter:alpha(opacity=50);" pour dire au départ quelle opacité utiliser
Je crois que tu peux aussi le faire en CSS
-
Je ne peux pas utiliser les css pour ce cas ci, sinon je serais evidemment passé par là ;)
Mais sinon ça règle pas mon problème en fait ^^
Merci quand même
