Bonjour,
j'utilise la fonction qui suit pour faire un effet d'opacité sur une image.
Cela fonctionne très bien sur tous les navigateurs mais j'ai un probleme avec firefox 2 sur mac : cela fais de gras ou d'empatement sur tous les textes de la pages html.
Quelqu'un aurait un idée ??
Avec par avance mes remerciements

<img src="images/vignettes/<?php echo $image;?>.gif" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)"/>

/* fichier js

function slowhigh(which2){
    //imgobj=which2
    imgobj = document.getElementById(which2)
    browserdetect=imgobj.filters? "ie" : typeof imgobj.style.MozOpacity=="string"? "mozilla" : ""
    instantset(50);
    highlighting=setInterval("gradualfade(imgobj)",100)
   
}

function slowlow(which2){
    imgobj = document.getElementById(which2)
    cleartimer()
    instantset(100)
}

function instantset(degree){
    if (browserdetect=="mozilla"){
        imgobj.style.MozOpacity=degree/100;
    }
    else if (browserdetect=="ie"){
        imgobj.filters.alpha.opacity=degree;
    }
}

function cleartimer(){
    if (window.highlighting) clearInterval(highlighting)
}
   
function gradualfade(cur2){
    if (browserdetect=="mozilla" && cur2.style.MozOpacity<1){
        cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
    }
    else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100){
        cur2.filters.alpha.opacity+=10;
    }
    else if (window.highlighting){
        clearInterval(highlighting)
    }
}

Bonjour,
perso j'utilisais cette fonction qui ma donnée entière satisfaction...
//---------------------------------
function Obj_SetOpacity( obj_, opa_){
  //-- Recup l'objet
  var Obj = ( typeof (obj_)=='object') ? obj_ : document.getElementById( obj_);
  //-- Si existe
  if( Obj){
    if(document.all && !window.opera){
      Obj.style.filter = "alpha(opacity=" + opa_ + ");"
    }
    else{
      var Val = opa_/100;
      Obj.style.setProperty( "-moz-opacity", Val, "");
      Obj.style.setProperty( "-khtml-opacity", Val, "");
      Obj.style.setProperty( "opacity", Val, "");
    }
  }
}
mais le problème est peut être ailleurs...
;O)

Bonjour,
merci pour ta réponse je vais tester ta fonction mais cela ne résoudra malheureusement pas mon probleme : meme en désactivant le javascript j'ai toujours un effet de clignotement du texte au chargement de la page, ca doit venir d'une propriété css ....
Merci beaucoup.

Bonjour
ta fonction fonctionne très bien mais sous mac le fait de changer l'opacité fait vraiment clignoter tous les textes.
;)

Bonjour,

meme en désactivant le javascript j'ai toujours un effet de clignotement du texte au chargement de la page

c'est donc ce que je disais en substance, mais le problème est peut être ailleurs...
- Problème lié au style, encapsulation des textes, attention aux propriétés héritées
- Problème de DOCTYPE, souvent source de soucis d'affichage
- Bug d'affichage de FireFox sous MAC

A vérifier toutefois si la feuille de style est valide, il existe cela pour... http://jigsaw.w3.org/css-validator/

SORRY pas de MAC à ma disposition pour tester, mais si tu as un lien...on ne sait jamais
;O)