Roachy Posted December 16, 2009 Share Posted December 16, 2009 How do i automatically scale images to to fit a table cell whilst still maintaining it's original ratio? This script will be used on multiple pages for different images with differeing sizes and ratios so I cannot just scale the image based on the biggest dimension (e.g. height). Here is the code I have so far but this does not not maintain the image's ratio. <head> <script language="javascript"> function ScaleSize() { document.getElementById("imgTag").style.width = 200; document.getElementById("imgTag").style.height = 200; } </script> </head> <body onload="javascript:ScaleSize();" onresize="history.go(0)"> <img id="imgTag" src="cc51.jpg" /> </body> Thanks for any help! Quote Link to comment Share on other sites More sharing options...
optikalefx Posted December 18, 2009 Share Posted December 18, 2009 this is a job for CSS set the max-width and max-height of the img element // html <td> <img src="" id='myImage'/> </td> /css #myImage { max-width:500px; max-height:500px } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.