MegaSack DRAW - This year's winner is user - rgwb
We will be in touch
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 [url= http://www.on-one-shop.co.uk/acatalog/Online_Catalogue_On_One_3d_forged_stems_382.html ]Like this[/url] - 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 [b]auto[/b]
Jimmers....... well found - slick 🙂