This code shows you how to preload a set of images using JavaScript so that you can later use them without having to wait for them to load.
- <script type=“text/javascript”>
- if (document.images)
- {
- imgPreload = new Image();
- ImageUrl = new Array();
- ImageUrl[0] = “http://www.geekpedia.com/Images/HeadLogo.pngf”;
- ImageUrl[1] = “http://www.errorbank.com/Graphics/ErrorBank-Logo.png”;
- ImageUrl[2] = “http://www.windowsvienna.com/Graphics/Windows-Vienna-TextLogo.png”;
- for(i = 0; i <= 2; i++)
- {
- imgPreload.src = ImageUrl[i];
- }
- }
- </script>