"Malene Arno" <malene@arno.dk> skrev i en meddelelse
news:40ccbbf7$0$23872$14726298@news.sunsite.dk...
> Jeg har forsøgt at lave hover på et billede med css, men af en
> eller anden grund hakker billedet, når man kører musen over - dog
> ikke altid. Hvad er der galt?
>
>
http://www.arno.dk/pages/css-test.html
>
> /Malene
>
Det er jo to rimeligt store billeder, det ene fylder 40KB og det andet 10KB,
så det vil jo kunne ske at browseren lige skal bruge en kort tænkepause for
at hive billedet frem fra cachen hvor det vel kommer fra. Der er ingen
synderlig kvalitetsforskel på de to billeder, så du kunne starte med at
komprimere det store ned til 10KB også og se om det hjælper noget. Derudover
kunne man måske lave noget med layers hvor farvebilledet ligger som baggrund
permanent bagved og linket så skiftevis har baggrundsbillede og intet
baggrundsbillede. På den måde vil linkets sort/hvid baggrundsbillede dække
for farvebilledet indtil der kommer hover. Jeg ved ikke rigtigt om det gør
nogen forskel, for browseren skal stadigvæk tegne billedet, og det kan også
være det er det der er for krævende til at det kan gøres på under 1/20 sek
hvilket så betyder at der kommer et glimt med noget der ser forkert ud.
Spørgsmålet er så i det hele taget hvordan langsomme computere vil vise det,
om de nogensinde vil være i stand til at vise det ordentligt, det skal man
også lige tænke på. Jeg har nogle knapper med hover hvor der bliver vist et
stykke gradient grafik i hele knappens bredde, først havde jeg lavet det til
at være 1px bred, dette betød at grafikken skulle tegnes 120 gange, det
hakkede på en 450MHz computer, da jeg lavede grafikken 5px bred i stedet så
det kun skulle tegnes 24 gange hakkede det ikke længere. CPU-kraft har noget
at sige her.
Mvh
Peter