onMouseOver/opacity problem med firefox

filters er en IE-only ting, som drengene i Seattle bestemt ikke har forsøgt at synkronisere ...

-- men der findes en css3-ting, som kan det samme, og tidligere versioner af Gecko-browserne tog lidt forskel på dem, så du skal sætte 3 forskellige ting for at få det til at virke i flest mulige browsere !o]

this.filters.alpha.opacity=100;this.style.MozOpacity=1;this.style.opacity=1;

-- og bemærk at opacity-properties går mod 1, hvor filter-properties går mod 100 (% !-)

... tog lidt forskud på dem ...

<ole>

Det vil udløse en fejl i Moz. Der er det nødvendigt at teste på, om elementet overhovedet understøtter property'en 'filters':
  if(this.filters){this.filters.alpha.opacity=100}else{this.style.MozOpacity=1;this.style.opacity=1};

/mvh
</bole>

hmmm jeg kan ikke helt få det til at virke, så jeg tror bare jeg gøre det med to gif billeder selvom det loader langsommere...

Så må du begå nogle fejl .... for det fungerer helt fint i alle nogenlunde moderne browsere  :)

okay... hvis kan jeg så ikke få en hel kode, altså hvis vi siger jeg har et billede.gif som jeg gerne vil have bliver lysere ved mouseover og det skal samtidigt være et link hvordan skal koden så se ud for at virke i de fleste browsere?

<script type = text/javascript>
function changeOpacity(elm,op){
  if(elm.filters)
    elm.filters.alpha.opacity = op;
  elm.style.MozOpacity = op/100;
  elm.style.opacity = op/100;
}
</script>

<img src="gfx/forside1.gif" style="filter: alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;border:0;cursor:pointer" onmousedown="changeOpacity(this,100)" onmouseover="changeOpacity(this,90)" onmouseout="changeOpacity(this,30)" onclick="location.href='kalender.htm'">

tak skal du have

-- og jeg takker for point ;~}