I'm doing a small web site for a friend which contains a number of images. How can I get a larger version of the image to appear on a semi-transparent background – such as used on the On One website Like this – when they click on an image.

I'd also really like to have just a single version of each image on the website which is reduced in size for the main page but shown full size (as above) when clicked on – is this possible without specifying image sizes for every image?

I'm using Dreamweaver if it makes a difference.

well the greyed out background is a div with style:
#TB_overlay {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:5555;
}
thickbox.css (line 28)
.TB_overlayBG {
background-color:#000000;
opacity:0.75;
}

you can specify an image tag with width=50% height=50% to make it smaller

I've not yet worked out how the image is centred – that may be the default for auto

There you go…

Lightbox

Jimmers……. well found – slick 🙂