I'm stumped. I'm not so sure what is the right answer. I'll do some research and get back to you if I find an anything. You should email the people at iPage as they probably know..
Sorry Kenneth, but that is a really terrible way to do things..
Imagine a page full of thumbnails that in truth are all the full size image each of 50kb. Even on broadband I most certainly wouldn't bother waiting for 'em all to load before I was well and truly outta there. Especially since it's likely that on a page of thumbnails, I might only look at say 3 or 5 or so and I'd much rather wait for each of those to load than for the 10 or 20 or whatever ALL to load when opening the thumbnail page..
If you're going to have thumbnails make sure they're resized down in an image editor like PSP or PS resulting in an appropriately reduced file size. Besides when you do create a thumbnail of a much larger image it's a good idea to crop around it a bit so that the main focus of the large image is clearly visible in the thumbnail - cut out the dead space..
Rule of thumb: keep all thumbnail images below 10kb each (preferably much under 5kb each) unless you want your visitor to get bored and leave...
Option 1, it certainly depends on what you are trying to ackomplish..
If many thumbs are involved or the user is only to click on one before being transported to another page, then I agree with your comment. Also if the page is very heavily loaded with thumbnails (even if the larger pictures are eventually displayed on the page) it can be a bad idea..
However, if only a few thumbs are involved and all of them are supposed to open on the same page eventually, you may as well get an early start with pre-loading the images..
One example where I used it myself was a page where the user could click through a 4-step instruction manual (4 images). They had already navigated to the page for the specific purpose of going through the tutorial, e.g. I certainly expect them to click all 4 images while on the page..
Above the large picture was 4 smaller thumb nails which were small resized images of the large images which would eventually open below. This meant that once you clicked the tumbnails on top the large image was already loaded and displayed immediately instead of gradually loading..
It worked something like this:.
(4 images involved with original size: 200x300 pixels) :..
Ah okay Kenneth, in those circumstances I can see preloading as being useful, but your original post was much broader in concept - at least to my warped and twisted mind..
I didn't get this to work until changing.
In the links to be a single word:.
Also don't forget to add the.