首页 > 代码库 > 图片特效-让图片自适应框的大小
图片特效-让图片自适应框的大小
——————————————————————————————
<script type="text/javascript">
function init(){
var img = document.getElementById(‘the_img‘);
var width = img.width;
var height = img.height;
var div = img.parentNode;
var w = div.offsetWidth;
var h = div.offsetHeight;
if(width < w && height < h)
return;
if(width/height > w/h){
img.width = w - 20;
img.height = (w-20) * (h-20) / width;
}
}
</script>
——————————————————————————————
<style>
div{width:100px;height:200px;border:1px solid black;margin:10px auto;padding:10px;}
</style>
——————————————————————————
<body style="text-align:center" onl oad="init();">
<div>
<img src="http://www.mamicode.com/1.jpg" id="the_img"/>
</div>
</body>
————————————————————————————
图片特效-让图片自适应框的大小