how to preload images?

[richardivanol...@gmail.com]

my project is purely full of images that are animated using the GWD even texts are images.

my problem is that it takes time to load everything except for the background and some images dont appear but they do appear when i refresh..

is there anyway i can preload my pages to make things faster and hopefully get rid of the glitches that my project suffer?

[ewschang]

Hi,

I think one thing you can try is to optimize the images, such as making them smaller to load faster in the HTML page. Please check out this article from Google about image optimization: 

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

I also find some articles online showing how to use simple CSS or Javascript to preload images into a HTML page:

CSS approach: http://perishablepress.com/a-way-to-preload-images-without-javascript-that-is-so-much-better/

Javascript approach: http://www.mediacollege.com/internet/javascript/image/preload.html

I hope all these are helpful to you. 

Thanks,

Emily (GWD Team)