Luminosité d'image à l'ouverture d'une page

[Nerva]

Bonjour,

J'ai trouvé le code suivant qui permet d'augmenter la luminosité d'une image quand la souris se positionne dessus :

Dans Head :

<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0) cur.filters.alpha.opacity=100
else cur.filters.alpha.opacity=60 }
</script>

Dans Body, à ajouter à l'image correspondante :

style="filter:alpha(opacity=60)" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,0)"

Il y a un petit bug que je n'arrive pas à résoudre : quand la page se charge, les imagettes sont "illuminées" par défaut. Il faut d'abord passer une fois la souris dessus pour qu'elles reprennent leur état initial, et seulement ensuite ça fonctionne correctement.

Je suis loin d'être un expert mais je pense qu'il s'agit d'une sorte de rafraîchissement qui ne s'exécute pas à l'ouverture de la page.

De plus, il ne se passe rien du tout avec Firefox.

Un petit coup de main ?

Merci

[Remi]

Pour que ça marche sur un peu plus de navigateurs, utilise

filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;

Mais ça ne marchera toujours pas sous IE5 (et d'autres)...

Sinon, pour ton problème, tu peux toujours exécuter ta routine sur toutes tes images au chargement de la page, mais on verra toujours les images au moment du chargement...

[Nerva]

J'ai finalement trouvé ceci qui fonctionne très bien sur IE et Firefox :

Dans Head :

<script language="JavaScript">
/*
Illumination des vignettes
*/
function makevisible(cur,which)
	{
	if(document.getElementById)
  {
  if (which==0)
 	 {
 	 if(document.all)
    cur.filters.alpha.opacity=100
 	 else
    cur.style.setProperty("-moz-opacity", 1, "");
 	 }
  else
 	 {
 	 if(document.all)
    cur.filters.alpha.opacity=50
 	 else
    cur.style.setProperty("-moz-opacity", .4, "");
 	 }
  }
	}
</script>

Dans Body :

style="filter:alpha(opacity=50)" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,0)"