...

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!

_Aerospace_Eng_
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
http://www.malibuchronicle.com
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!

_Aerospace_Eng_
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

_Aerospace_Eng_
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 {
cursor:pointer;
}
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';
}
else
{
this.style.width = 360 + 'px';
}
}
}
window.onload = setSize;
</script>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum