I would use javascript and css, perhaps just css... secret is to put the image in a div and set either height or width to 100% and the other to auto when you resize the div the image resizes and the aspect ratio is maintained by auto setting. Set overflow to display and only change the parameter of the div that is set as 100% for image.
Code:
.zoom{
overflow: visible;
}
.resize{
width: 100%;
height: auto;
}
HTML Code:
<div class = "zoom"><img class = "resize" src = "myimage.png"></div>
__________________
Sleeping Troll, EMUSE, Mind Expansion...Truly serendipity!
Last edited by Sleeping Troll; 08-28-2010 at 12:04 AM..
|