script for loading bar/graphic on slow page (persits images loading)

Hi

I am developing an online store that on the product list page loads up using persits small thumbnails of images. It's fast in some browsers and sluggish in oteres.

I'd like to have a small loading graphic which will loop until all the images are loaded. Is this possible?

Pages are asp vb

Thanks

Dave
swordfishsoupAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
B_DorseyConnect With a Mentor Commented:
basically  I would just flaot a image at the center of the page with some loading bars, then use the body onload event to remove it.
0
 
ZvonkoSystems architectCommented:
Check this method:
<img src="first.gif" onLoad="this.onload=null;this.src='product1.gif';" >
<img src="first.gif" onLoad="this.onload=null;this.src='product2.gif';" >
<img src="first.gif" onLoad="this.onload=null;this.src='product3.gif';" >

Open in new window

0
 
deaditeCommented:
Try preloading your images like so:
I don't know if this is ASP or not, but here is a javascript.  Google "Preload Images" and you'll find a ton of methods to do this.  You can basically put that in an onload and display an image there...

    <SCRIPT language="JavaScript">
    <!--

    if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://mydomain.com/image0.gif";
      image_url[1] = "http://mydomain.com/image1.gif";
      image_url[2] = "http://mydomain.com/image2.gif";
      image_url[3] = "http://mydomain.com/image3.gif";

       var i = 0;
       for(i=0; i<=3; i++)
         preload_image_object.src = image_url[i];
    }

    //-->
    </SCRIPT>  
0
All Courses

From novice to tech pro — start learning today.