Avatar billede homsabu Nybegynder
27. juni 2004 - 13:29 Der er 7 kommentarer og
1 løsning

ang. et class/style

jeg har følgende kode som bliver brugt på nogle billeder på min side... -->

<img onmousedown="this.filters.alpha.opacity=100" onmouseover="this.filters.alpha.opacity=100" style="filter: alpha(opacity=25)" onmouseout="this.filters.alpha.opacity=25" src="image.jpg" border="0">

Er det muligt på en eller anden måde at lave alt det der med alpha.opacity.osv.osv som et class(style) eller noget andet så det ikke skulle skrives til hvert billede...
altså så hver billede bare skulle hedde;
<img class="alpha" scr="image.jpg">
Avatar billede mm12010 Nybegynder
27. juni 2004 - 13:47 #1
a img.alpha, a:link img.alpha, a:visited img.alpha{
    border:none;
    cursor:default;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    }
a:hover img.alpha{
    cursor:default;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    }

...

<a href="#" onclick="return false;"><img src="image.jpg" class="alpha"></a>
Avatar billede roenving Novice
27. juni 2004 - 13:55 #2
Men det virker bedre, hvis du lader den tone over i stedet for at komme pludseligt:

http://roenving.users.whitehat.dk/WD5Opacity.html
Avatar billede roenving Novice
27. juni 2004 - 13:56 #3
-- og så er det værd at bruge de minutter mere på at skrive den ekstra kode ...

-- kunne du ikke også automatisere det, hvis du har mange billeder ?-)
Avatar billede homsabu Nybegynder
27. juni 2004 - 14:04 #4
mm12010: smid et svar, så er der point... det virker efter hensigten!! :-)
er -moz-opacity:1.0; for at det også virker i andre browsere end IE??? eller?

roenving: tak for dit svar også... men mm12010's virker bedst til det jeg skal bruge!!
Avatar billede roenving Novice
27. juni 2004 - 14:07 #5
-moz-opacity er det som virker i Gecko-browserne, så du i hvert fald har dækket dem ind også !-)
Avatar billede mm12010 Nybegynder
27. juni 2004 - 14:08 #6
svar :o)
Avatar billede homsabu Nybegynder
27. juni 2004 - 14:11 #7
tak for det, eksperter!! :-)
Avatar billede mm12010 Nybegynder
27. juni 2004 - 15:49 #8
selv tak :o)
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