the main difference is function

Suzanne — Tue, 15 Jan 2002 05:21:44 +0000

Having the function for the images with the array in the head of the page (especially as a global .js file) increases the functionality of the site. You can have a lot more control than having in inline (in the body element).

It also decreases load time having it in the head element as a global .js file if you need the images on multiple pages of a site.

Suzanne

Busy — Tue, 15 Jan 2002 04:33:27 +0000

Is there any difference in using a preload script like mentioned above to a onload preload script in the body tag ?

Busy — Sun, 13 Jan 2002 06:38:49 +0000

the 1x1 trick is a bad one and shouldnt be used, what happens is the whole image loads and actually slows your loading time down as it may load them first, so the page loading them will appear dead (nothing there) or give the wrong impression that your whole site is very slow loading and it doesnt just load 1x1 pixels of it, it loads the whole thing.

bottom line, this method actually works against the thing your trying to do, which is speeding load times.

best bet, preload and/or thumbnails as Suzanne has mentioned, and/or compress your graphics, limit use of javascript and other fancy stuff.

being sneaky will work against you, visitos dont like suprises (if you are)

Suzanne — Sun, 13 Jan 2002 04:50:13 +0000

What if the person doesn't want to view that page that the big image will be on? Then they have downloaded the image for nothing.

What are you trying to do? Sure you can hide things, but it's not good practice. If you want to show an image, such as a larger photo, use thumbnails. When people CHOOSE to view larger images, they are willing to wait.

Instead of casting about trying to be sneaky, why not tell us what your goal is, perhaps there is a solution out there that will solve your problems.

Suzanne

ardaee — Sun, 13 Jan 2002 01:24:18 +0000

What if I put on the page leading to the image loading slower

does this load the image into the browsers cache before they arrive on that page, speeding up the load time by a huge amount? does it work?

Suzanne — Sun, 06 Jan 2002 17:38:27 +0000

At the risk of spelling it out too clearly, you would make one of each of those lines for each picture...

It's called an array.

nameImg0.src = "image0_location.jpg"
nameImg1.src = "image1_location.jpg"
nameImg2.src = "image2_location.jpg"
nameImg3.src = "image3_location.jpg"
nameImg4.src = "image4_location.jpg"
nameImg5.src = "image5_location.jpg"
}
</script>

... et cetera. I recommend you wander over to javascriptworld.com and buy yourself Dori's book on JavaScript for the WWW -- cheap and it will explain all this sort of thing for you.

Suzanne

ardaee — Sun, 06 Jan 2002 11:10:18 +0000

It is ok but I think that script is for an individual one I mean just for a picture isn't it suzanne?

Suzanne — Sun, 06 Jan 2002 00:30:14 +0000

put them in an array in the element.

if document.images {

nameImg = new Image

nameImg.src = "image_location.jpg"

}

</script>

Suzanne