scaling image within DIV

[wizzpig666]

Hi

I would like to know if it is possible to place an image inside a div which is big enough to nicely fill up space at widescreen resolutions, but will scale down within the div at smaller res, until hitting it's min width that is optimized for 1024 x 768. It is a little more complicated than though, as the image in question is swapped upon mouse-over of thumbnails. Please see the link for a better understanding.

http://www.designlogic.com.ph/new_pages/logos_Gallery.html



Any help with this would be very much appreciated.

 

[jnjc]

Try experimenting with using % for width and see if a combination of that and min-width will still constrain the width.

If you have no luck with that, let us know and we can have another look.

HTH,
JC

 

[wizzpig666]

Try experimenting with using % for width and see if a combination of that and min-width will still constrain the width.

If you have no luck with that, let us know and we can have another look.

HTH,
JC

You, my friend are a genius ! It didn't even occur to me to set the dimensions of the image in %. Works a treat !
My only concern now is that I don't know what it looks like on a large desktop monitor. (I am on widescreen laptop) If I set my browser size to something smaller than my widescreen res, but keep an aspect ratio the same as that of a monitor I would like to replicate, would that be a reasonable representation ? (aside from not showing any pixellation of my image as it gets bigger on a large monitor) ?

Thanks a lot for your help.

A new trick a day keeps mediocrity away !

 

[jnjc]

That's how I do my testing. I do cross check on an old desktop at home to see if it's alright, but changing the res on my laptop is usually enough.

 

[wizzpig666]

That's how I do my testing. I do cross check on an old desktop at home to see if it's alright, but changing the res on my laptop is usually enough.

Excellent. Thanks again for the help