Johnny2 Posted November 11, 2013 Report Posted November 11, 2013 Is there a quick and easy way to get a webpage's banner image to load BEFORE the webpage displays itself to the browser? I have a page that displays, then a quarter of a second later the main image displays itself. This causes things to jump around and makes it seem a little glitchy. Thanks.
daddyalfie Posted November 11, 2013 Report Posted November 11, 2013 (edited) The complete answer will need amplification by others in this forum, but one possible solution is to display the picture as a 1x1px somewhere innocuous on your page (Like in a corner.) BEFORE displaying the full picture. This should force the browser to download the whole file before displaying it on the site. Keep in mind that picture files should always be kept as small (In physical dimensions as well as in pixels per inch (PPI)) as possible! 72 ppi is quite adequate for the web. Hope you will get more "how-To" info from others herein. Alfie Edited November 11, 2013 by daddyalfie
kralcx Posted November 16, 2013 Report Posted November 16, 2013 3 Ways to Preload Images with CSS, JavaScript, or Ajax
Recommended Posts