Discussion :

[TommyWeb]

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 :

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

<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..

[nos80]

Code :

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

<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

[TommyWeb]

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