HTML & CSSur HTML, XHTML & CSS
6 svar · 512 visningar · startad av caze
Går det att få en bild att laddas som först eller dylikt. Har för mig att det finns något som heter Body onload:, om det är något åt det hållet. Vill alltså en bild på min hemsida ska laddas snabbare för den dröjer alltid till sist och det ser väldigt fult ut de första 10 sekunderna.
Hur ser det fult ut? (fullt?) Om du i html koden anger en storlek på bilden så hoppar inte innehållet när bilden har laddats.
Annars går det väl att lösa med Javascript som du antyder.
va?
Besök https://www.carlzetterberg.se så får du se själv, den blåa bordern tar riktigt lång tid att ladda, åtminstone för min dator, och jag sitter på bredband.
Du kan ju ange en liknande bakgrundsfärg.
Dela upp bilden i bakgrund och stadssiluetten. lägg en bild med rätt höjd och bred 1px som bakgrund. sedan lägger du på siluetten som ett lager ovanför.
Bilderna kommer förmodligen att ta mindre plats än den bild du använder nu. Vidare slipper du att det ser fullt ut när läsaren laddar ner siluetten.
Nä, gör såhär:
Klipp bort det vita, så bilden blir 123pixlar hög
Komprimera bilden som jpg istället. Då kan den bli runt en fjärdedel så stor.
Ändra bakgrundskoden i stilmallen till
background: url(bilder/blue.jpg) no-repeat 0 177px;
Hoppas att det blev bättre
/ m a r t i n