js限制图片显示的大小
Posted 4job
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js限制图片显示的大小相关的知识,希望对你有一定的参考价值。
//缩放图片到合适大小
function ResizeImages() {
var myimg, oldwidth, oldheight;
var maxwidth = 400;
var maxheight = 400
var imgs = document.getElementById(‘article‘).getElementsByTagName(‘img‘); //如果你定义的id不是article,请修改此处
for (i = 0; i < imgs.length; i++) {
myimg = imgs[i];
if (myimg.width > myimg.height) {
if (myimg.width > maxwidth) {
oldwidth = myimg.width;
myimg.height = myimg.height * (maxwidth / oldwidth);
myimg.width = maxwidth;
}
} else {
if (myimg.height > maxheight) {
oldheight = myimg.height;
myimg.width = myimg.width * (maxheight / oldheight);
myimg.height = maxheight;
}
}
}
}
//缩放图片到合适大小
ResizeImages();
</script>
以上是关于js限制图片显示的大小的主要内容,如果未能解决你的问题,请参考以下文章