Abhishek Reddy — Mon, 23 Aug 2004 04:06:50 +0000

It loads all at the same time on Firefox 0.9.1.

I still think it's unnecessary. Really. It's up to you.

earsdaman — Sun, 22 Aug 2004 17:18:50 +0000

Hi guys,

Thanks for your opinions, but I really do need that script... if it exists!
http://marsell.co.uk/simplebob/ - ave a look, see what i mean lol

Please dont say 'it looks ok,' or 'no need to change anything' because to me I need to have them all loading at the same time lol Also, the way I've created the site means I need to have all those images, rather than cut down, merging etc. etc.

Any ideas for a script? Or should I look elsewhere? Thanks for any help...

All the best,
Mark

Busy — Sun, 22 Aug 2004 10:34:55 +0000

Also remember to use the width and height tags on ALL images, will stop the jumping of the page as it loads (also speeds up load time among other things)

Abhishek Reddy — Sun, 22 Aug 2004 10:28:18 +0000

This is where you ask yourself if you, as the designer, are responsible for the way the client or server technology handles these things. You do everything you can within reason to make the page perform well and look good -- but that is the page itself, not the HTTP interaction. Really, I don't think you should bother about how the page loads, as long as you haven't done something utterly absurd to cause unpleasantness.

Is it a real concern to your users how the page loads? Most surfers are used to this sort of thing and don't even notice it.

Additionally, using what Renegade suggests will not guarantee anything. It is only a technique to try to preload images, and, afaik, is only useful for images that are to be loaded upon some other event, such as in a rollover. The images may still load in a disorganised way. In this case, if anythinng, it will only ensure that the filesize and download time grow.

Renegade — Sun, 22 Aug 2004 10:16:37 +0000

What about a preloading script?

&lt;script type="text/javascript"&gt;
<!--
var image1 = new Image();
image1.src = "images/image1.gif";
var image2 = new Image();
image2.src = "images/image2.gif";
//-->
&lt;/script&gt;

The above code goes in the tag and just repeat the blocks for as many images as you have.