Preload images using JavaScript

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.
  1. <script type=“text/javascript”>
  2. if (document.images)
  3. {
  4.         imgPreload = new Image();
  5.         ImageUrl = new Array();
  6.         ImageUrl[0] = “http://www.geekpedia.com/Images/HeadLogo.pngf”;
  7.         ImageUrl[1] = “http://www.errorbank.com/Graphics/ErrorBank-Logo.png”;
  8.         ImageUrl[2] = “http://www.windowsvienna.com/Graphics/Windows-Vienna-TextLogo.png”;
  9.  for(i = 0; i <= 2; i++)
  10.  {
  11.                 imgPreload.src = ImageUrl[i];
  12.  }
  13. }
  14. </script>

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top