Knud Gert Ellentoft wrote:
>
> Det er ikke den bedste måde, at skifte baggrundsbillede ved at
> skifte class, da dom på siden, så skal genopbygges hvergang og
> kan være årsag til ventetiden.
Det er jeg ikke helt enig i, for...
....som web-udvikler bør vi tilstræbe os på at adskille indhold, layout
og funktionalitet. D.v.s. adskillelse af (X)HTML, CSS og javascript.
Så jeg mener at Jimmmy gjorde det rigtige, ved at ligge url'en til
billederne ét sted, nemlig i CSS'en.
Skal han på et senere tidspunkt ændre billederne eller have et
alternativt stylesheet, er det kun et sted og ikke flere gange i (X)HTML
koden at det skal ændres.
Derudover kunne man forstille sig at border, font, color o.s.v. også
skulle ændre sig ved mouseover, og så bliver hans event på td elementet
meget lang.
Det er dog rigtig at metoden kan være årsag til ventetid, især hvis der
skal skiftes mellem 2 billeder, men se nedenfor hvordan det kan løses.
>
>>Jeg har forsøgt mig med nogle preloadingmetoder, men de bliver ignoreret.
>
>
> En enkel og god måde at preloade billeder med at er at sætte dem
> på siden som usynlige billeder.
>
Eller have en gif-fil med to billeder i, hvor halvdelen af gif'en vises
ved mouseover/-out. Forskydningen sker ved hjælp af background-position.
Et eksempel på forskydningen kan ses her.
http://www.hintzmann.dk/testcenter/css/hover/default.html
(PS. Jeg ved godt at effekten er lidt dårlig med et så komprimeret
jpeg-billedet, men I kan vel se meningen.)
--
Martin Hintzmann Andersen
http://www.hintzmann.dk/