用JS自动生成等比例缩略图-代码示例: html head meta http-equiv=Content-Type content=text/html; charset=utf-8...

海南网站建设,网页设计
记忆工作中的点滴
首页>> JavaScript >>用JS自动生成等比例缩略图

代码示例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>用JS自动生成等比例缩略图</title>

<script language="javascript">

function Wa_SetImgAutoSize() 

{ 

var img=document.all.img1;//获取图片

var MaxWidth=300;//设置图片宽度界限

var MaxHeight=100;//设置图片高度界限

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;

}

} 

</script>

</head>

<body> <img src="图片地址" border=0 id="img1" onload="Wa_SetImgAutoSize();"/> </body> </html>


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:不懂戀愛魚兒 » 用JS自动生成等比例缩略图
标签: js 缩略图

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)