图片在图片框内，自适应宽高，避免拉伸
浏览数：16 /
时间：2015年06月09日
图片列表中，为了看上去整齐，将图片放在框内，自适应宽高，避免拉伸的js方法。
javascript代码如下：
<script type="text/javascript">
//imgBubuko:要放图片的img元素，onload时传参可用this
//h:img元素的高度，像素
//w:img元素的宽度，像素
function bubuko_Autosize(imgBubuko, h, w) {
var image = new Image();
image.src = imgBubuko.src;
if (image.width < w && image.height < h) {
imgBubuko.width = image.width;
imgBubuko.height = image.height;
}
else {
if (w / h <= image.width / image.height) {
imgBubuko.width = w;
imgBubuko.height = w * (image.height / image.width);
}
else {
imgBubuko.width = h * (image.width / image.height);
imgBubuko.height = h;
}
}
}
</script>
html中应用例子：
<img src=“img/bubuko.jpg” alt="布布扣，bubuko.com" border="0" onload="bubuko_Autosize(this,123,123);" />
bubuko.com提供，转载请注明来自布布扣。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
