Förladda bilder med hjälp av CSS



Här är ett lite tips för er som har över-rullnings bilder i tex header som ni vill att användaren skall se (och i mitt fall, använda) så fort som möjligt då de kommer in på er blogg eller webbplats.

Tidigare så använde jag mig av javascript, långsamt, krångligt och ej användarvänligt då cirka 10% av användare ej har javascript aktiverat.

Då finns det en liten kodsnutt som du kan använda dig utav:

<div style=" display:none;">

<img src="preload.gif" height="125" weight="500"> //De angivna måtten gör att bilden laddas ännu snabbare//

</div>

Denna kodsnutt säger åt webbläsaren att ladda den/de angivna bilderna men att göra det bakom kulliserna! Placera denna kod högst upp i din kodmall, efter <body> taggen.

Så, enklare än javascript och så mycket snabbare! Hoppas att någon får användning av detta:D

Kommentarer
Postat av: tendency - Inspiration, Inredning, Renovering

Jag antar att överrullningsbilder innebär de som ploppar upp i rutan när man har pekaren över dina kategorier. Skulle också vilja ha klickbar text i headern. Men man är ju riktigt haj på sånt här vettu. :-P



Svar: Allt går via router. Men även om det inte surfas på någon av datorerna, så hackar filmerna. Streamningen från dator till PS3 är väl inte ens beroende av internet.

Precis, kopierar jag film så faller ju tanken/konceptet med hela grejen. Och dessutom stödjer inte PS3an filformaten, därför får man köra media server. ;-) Jag har kollat på flera forum och sidor, men får inte till det. Undrar om det helt enkelt är min PC som är för slö..



/Jerry

2009-03-12 @ 14:09:12
URL: http://tendency.blogg.se/
Postat av: InneoUte-Malin

Bra tips! :-)

2009-03-12 @ 15:48:16
URL: http://inneoute.blogg.se/
Postat av: Anonym

bra tips,kika gärna in hos mig*

2009-03-12 @ 16:45:09
URL: http://mrsmaddy.blogg.se/
Postat av: Rebecka

Verkligen ett jätte bra tips att dela med sig!Det tror jag många är intresserade av att veta.

Kram Rebecka

2009-03-12 @ 18:51:50
URL: http://roomdesign.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback