Avatar billede nfk Nybegynder
07. februar 2005 - 17:05 Der er 8 kommentarer og
1 løsning

onMouseOver/opacity problem med firefox

Hi
Jeg har et problem denne kode virker ikke i firefox:

<img onMouseDown="this.filters.alpha.opacity=100" onMouseOver="this.filters.alpha.opacity=90" style="FILTER: alpha(opacity=30)" onMouseOut="this.filters.alpha.opacity=30" src="gfx/forside1.gif" border="0" onclick="location.href='kalender.htm'" style="cursor-pointer">

Hvad kan jeg gøre for at få den til at virke? Hvis det overhovedet er muligt at gøre det på den måde hvis det skal virke i firefox...
Avatar billede roenving Novice
07. februar 2005 - 17:45 #1
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 (% !-)
Avatar billede roenving Novice
07. februar 2005 - 17:46 #2
... tog lidt forskud på dem ...
Avatar billede olebole Juniormester
07. februar 2005 - 18:18 #3
<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>
Avatar billede nfk Nybegynder
08. februar 2005 - 12:02 #4
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...
Avatar billede olebole Juniormester
08. februar 2005 - 18:39 #5
Så må du begå nogle fejl .... for det fungerer helt fint i alle nogenlunde moderne browsere  :)
Avatar billede nfk Nybegynder
09. februar 2005 - 20:26 #6
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?
Avatar billede roenving Novice
11. februar 2005 - 13:00 #7
<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'">
Avatar billede nfk Nybegynder
11. februar 2005 - 15:23 #8
tak skal du have
Avatar billede roenving Novice
11. februar 2005 - 15:34 #9
-- og jeg takker for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester