本文介绍了一个简单的JavaScript函数，用于实现图片在网页上的自动调整大小，确保图片不会超过预设的最大宽度和高度。通过计算图片的比例并据此调整尺寸，使得图片在不同分辨率下都能保持良好的显示效果。
function Wa_SetImgAutoSize()
{
var img=document.all.img1;//获取图片
var MaxWidth=129;//设置图片宽度界限@@@@@@@@@@@
var MaxHeight=115;//设置图片高度界限@@@@@@@@@@@@@@@
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
if(img.readyState!="complete")return false;//确保图片完全加载
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}
应用：
<img src="" border=0 id="img1" onload="Wa_SetImgAutoSize();">
{
var img=document.all.img1;//获取图片
var MaxWidth=129;//设置图片宽度界限@@@@@@@@@@@
var MaxHeight=115;//设置图片高度界限@@@@@@@@@@@@@@@
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
if(img.readyState!="complete")return false;//确保图片完全加载
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}
应用：
<img src="" border=0 id="img1" onload="Wa_SetImgAutoSize();">
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
