BlockLeftTop, PRELOAD BlockLeftBottom, PRELOAD BlockLeftStretch, PRELOAD BlockTop, PRELOAD BlockBottom, PRELOAD BlockStretch, PRELOAD BlockRightTop, PRELOAD BlockRightBottom, PRELOAD BlockRightStretch, PRELOAD
Latest Game

How to preload website images

by Benjamin Nitschke 18. March 2010 14:53
Pretty quick tip because it was a little annoying that the huge background on this site took so long to load sometimes and reading the text was not very easy until all the panel images were loaded too. To make sure that the panel images for all the content are loaded first I just had to add this to the main css file:
#preload img
{
height: 0; width: 0; border-width: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}

And then just below the html tag (in my case in the master layout file) add the following code:
BlockLeftTop, PRELOAD etc. for each image ..

  • Found on this good old article from 2006 :)
  • Comments

    Add comment




    biuquote
    • Comment
    • Preview
    Loading



    Disclaimer: The opinions expressed in this blog are own personal opinions and do not represent the companies view.
    © 2000-2010 exDream GmbH & MobileBits GmbH. All rights reserved. Legal/Impressum

    Recent Games

    Fireburst

    ArenaWars Reloaded

    Jobs @ exDream

    Current Poll

    Do you know what the Delta Engine is?



    Show Results Poll Archive

    Calendar

    <<  September 2010  >>
    MoTuWeThFrSaSu
    303112345
    6789101112
    13141516171819
    20212223242526
    27282930123
    45678910

    Blogs

    Download OPML file OPML