Code for clicking on an image to open a window with a larger image?

"click the image to see a larger picture"

[darren01]

Please excuse me if my typing is bad and some of my sentenses don't sound correct. It is 5 in the morn and I have been redesigning my website

I am stuck.

Could anyone know the HTML code for what I describe below?

I have a lot of large, detailed images of my products. However, they just don't fit right on my new pages.

I would like to copy what my competitors have done by putting "click on this picture to see a larger image" underneath.

Folks would click on the photo and a popup containing the original sized version appears.

Two of my competitors do it. Amazon.com has this as well for book and video covers.

Can someone give me an idea on how to do this?

Thanks muchly in advance. :)

Darren

[bill]

Make a smaller version of the graphic, and make that smaller image a link to the larger image. This link can be to a new page or a pop-up in a new window.

[tomda]

For your info, the popup is done using javascript (google for "open popup javascript" to get plenty of scripts).

[vkaryl]

The link-to-separate-page is better for one reason really, and that's to make the larger pics available to those who surf with js disabled....

And EasyThumbnails is a great program for making smaller images with decent visibility/resolution to use as links.

[tbear]

To make your image open in another window you can use the following html:
<a href="yourimage.jpg" target="_blank">

When I do this I normally advise that the image will appear in another window, just so visitors know for sure what is happening.