Javascript preloader for Content Management System

Discussion in 'Coding Help' started by DrSanchez, Jul 29, 2010.

  1. DrSanchez

    DrSanchez New Member

    Hi,

    I am trying to create a Javascript preloader for my Content Management System, especially for gallery pages, which currently have a bit of a delay, which doesn't look great.

    However, most of the ones I have seen require the user to enter the filename of the image. I don't expect my users to do this on every page they update - and they don't have access to the source code anyway.

    I have come up with this:

    if (document.images) {
    document.write("This document contains: " + document.images.length + " images.")
    var x = document.images;
    for (var i=0;i<x.length;i++)
    {
    var theSrc = x.src;
    preload_image_object = new Image();
    preload_image_object.src=theSrc;
    document.write(preload_image_object.src)
    }
    }

    ..but it only works when I put it at the bottom of the page, which defeats the purpose. The images still load with a delay.

    Is there any way of putting Javascript at the top of the page, which will scan the rest of the code and preload any images it finds?
     

Share This Page