View Full Version : Making an image larger

holly m
10-17-2006, 06:21 PM
On my homepage I have an image and I'd like users to be able to click the image and it becomes larger. Does any one know how I would do that?
Thank you!

10-17-2006, 06:54 PM
The image would become pixelated if its original size is small. It will also expand move things around unless its position:absolute. Which do you want?

holly m
10-17-2006, 08:47 PM
so that when you click on the image on the home page (girl) you get the full size of the pub. As far as the image I get it attach in my email and then take it to Photo Shop and Web ready so there is know problem with a larger pix. Thank you!

10-17-2006, 10:40 PM
Do you want the image to open in a new window?

holly m
10-18-2006, 02:55 AM
I would like it so that when a user checks out the site and the mouse moves over the image they can click on it and it fill up the page. If that means open to a new window then that's okay. Thanks

10-18-2006, 03:34 AM
Change this

<td width="332" align="center"> <div align="right">
<p><img src="Graphics/Cover/photo_51.jpg" width="360" height="556"></p>
to this

<td align="center" id="coverpichold"> <div align="right">
<p><img src="Graphics/Cover/photo_51.jpg" id="coverpic"></p>
add this to your CSS

#coverpic {
and add this in between your head tags somewhere

<script type="text/javascript">
function setSize()
var whatwidth = 600; // you just need to set the width, not the height
document.getElementById('coverpic').onclick = function()
if(this.offsetWidth == 360)
this.style.width = whatwidth + 'px';
this.style.width = 360 + 'px';
window.onload = setSize;