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! Link to comment https://forums.phpfreaks.com/topic/185389-auto-scale-images/ 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 } Link to comment https://forums.phpfreaks.com/topic/185389-auto-scale-images/#findComment-979663 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.