Simple question: Do I need to specify width, height of "image" when preloading images?

Question

I have this code:

if (document.images)
    {
      preload_image = new Image(25,25); 
      preload_image.src="http://mydomain.com/image.gif"; 
    }

First of all, will this work in all major browsers?

Secondly, do I need to specify the width and height like in the code?

Lastly, will this preload my images and cache them?

Thanks

Answer 1

It will work in all major browsers. You do not have to specify dimensions, just a source ('src'), as you do up there.

Here's an example where dimensions are not given, and it works just fine: http://www.yourhtmlsource.com/images/rollovers.html

Answer 2

Hey Camran,

Yes this will preload the image, and no you don't need to specify the size as new Image() should be enough.

The main point to take away from your code snippet is the actual .src assignment as this should cause most modern browsers to fetch the file even though it's not actively displayed on the page.

Hope this helps,

Chris

Answer 3

If you want the preloading to work on all browsers you need to use a positive height and width (the minimum being 1x1).
You can reset the size of the image later using css or img attributes.