CSS grayscale på bilder *#3*

[JohnRichard]

Hei!

 

Dette funker kun i IE, finnes det en standardsak som gjør det samme?

 

a img {
 filter: gray;
}

a:hover img {
 filter: none;
}

Endret 22. september 2004 av JohnRichard

[kvikks]

Hei!

 

Dette funker kun i IE, finnes det en standardsak som gjør det samme?

 

a img {
 filter: gray;
}

a:hover img {
 filter: none;
}

Bruk vanlig css rollover! Da er du sikker på at det fungere i de fleste

browsere. Du kan leke deg i alpha channel, men støtten er minimal.

Endret 15. september 2004 av kvikks

[JohnRichard]

Er jo det jeg spør om. Søkte både på forumet og på google, men fant liksom bare der man satt inn en URL. Men da må jeg jo lage en id/class for hvert menyvalg

[kvikks]

Er jo det jeg spør om. Søkte både på forumet og på google, men fant liksom bare der man satt inn en URL. Men da må jeg jo lage en id/class for hvert menyvalg

bare å bytte ut <a> med <img> og lage en css rollover

 

http://wellstyled.com/css-nopreload-rollovers.html

[JohnRichard]

Den sida var inne på, og kikket, tror jeg har skummet litt for fort igjennom den ja, dette var jo nyttig info ;-)

 

Takk, takk!

[JohnRichard]

OK, nå har jeg kommet ett steg videre. (Takk kvikks!)

 

Noen som vil sjekke siden min og se på koden (spesielt CSS).

 

Det jeg nå lurer på er om jeg må lage like mye kode til hvert menyvalg, som jeg har gjort på "dataweb", eller om dere kloke hoder har en bedre ide?

 

LINK!

 

På forhånd takk for hjelpen!

[kvikks]

Funke fett dette!

 

Skal du ha forskjellige bilder så må du ha egen class til hver link, samme

gjelder om du har forskjellige hover state.

 

Du bør også bruke liste når du har flere elementer i en meny, det gjør siden

mest strukturert.

http://css.maxdesign.com.au/listamatic/

[haugsand]

På W3C.org finnes det en liste over CSS-egenskaper, og filter er ikke en av dem.

Endret 15. september 2004 av satyrium

[JohnRichard]

På W3C.org finnes det en liste over CSS-egenskaper, og filter er ikke en av dem.

Det er jeg fullstendig klar over, men det funker i Internet Explorer Og som du ser spurte jeg etter en tilsvarende funksjon som fulgte standardene, og det har jeg nå fått.

[haugsand]

*Hente briller*

[Inge_P]

Ble fasinert over måten du løste det på. Men om man skulle hatt samme utseende på et bildegalleri. Og da altså ikke kan ha en egen class til hver link, og heller ikke ha hvert bilde slik som du har det(et svart/hvitt og et farget i et). Kan det løses da? eller er det en umulig oppgave? Spør altså etter en alternativ måte å gjøre det på som kan fungere i bildegalleri der det lastes opp bilder regelmessig.

[kvikks]

Ble fasinert over måten du løste det på. Men om man skulle hatt samme utseende på et bildegalleri. Og da altså ikke kan ha en egen class til hver link, og heller ikke ha hvert bilde slik som du har det(et svart/hvitt og et farget i et). Kan det løses da? eller er det en umulig oppgave? Spør altså etter en alternativ måte å gjøre det på som kan fungere i bildegalleri der det lastes opp bilder regelmessig.

 

slettet

 

*begynne å lese post

Endret 16. september 2004 av kvikks

[enden]

Er jo det jeg spør om. Søkte både på forumet og på google, men fant liksom bare der man satt inn en URL. Men da må jeg jo lage en id/class for hvert menyvalg

bare å bytte ut <a> med <img> og lage en css rollover

 

http://wellstyled.com/css-nopreload-rollovers.html

Uhm, når begynte IE å støtte hover på andre elementer enn a da?

[JohnRichard]

http://wellstyled.com/css-nopreload-rollovers.html

 

Denne funksjonen trøbler på windows 2000 med IE6 (siste ver).

 

Her på jobb opplever jeg flimring på bildene, mens på jobben til en kamerat, så lastes bildet ned på nytt hver gang han tar musa over ett bilde ??!

 

Testet workarounden (example2), men den vil ikke virke med mitt bilde. Why? Fordi mitt er jpg, mens .gif er brukt i eksempelet ?!

 

Ser for meg ut som om denne løsningen ikke er noe grei på eldre windows maskiner med nyeste IE. Opera på disse OSene er seff alt okay!