js比例缩小显示图片
2008-10-20 16:00
363 查看
设定图片最大允许显示的尺寸
<SCRIPT LANGUAGE="JavaScript">
<!--
function DownImage(ImgD,MaxWidth,MaxHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
var rate = (MaxWidth/image.width < MaxHeight/image.height)?MaxWidth/image.width:MaxHeight/image.height;
if(rate <= 1){
ImgD.width = image.width*rate;
ImgD.height =image.height*rate;
}
}
}
//-->
</SCRIPT>
<img src="1.jpg" border="0" id="img" onload="DownImage(this,130,130);"/>
<SCRIPT LANGUAGE="JavaScript">
<!--
function DownImage(ImgD,MaxWidth,MaxHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
var rate = (MaxWidth/image.width < MaxHeight/image.height)?MaxWidth/image.width:MaxHeight/image.height;
if(rate <= 1){
ImgD.width = image.width*rate;
ImgD.height =image.height*rate;
}
}
}
//-->
</SCRIPT>
<img src="1.jpg" border="0" id="img" onload="DownImage(this,130,130);"/>
相关文章推荐
- js比例缩小显示图片
- js比例缩小显示图片
- 将图片按比例缩小显示
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- js+css图片自动等比例缩小且垂直居中
- JS等比例缩小图片尺寸
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- web 网页按比例显示图片 js
- js按比例缩小图片
- C#SoapFormatter序列化一例:将图片读写入xml文件,并能根据需要在PictureBox中按比例缩小显示
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- js让图片自动按比例缩小代码
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例
- 图片不变形,按照等比例缩小或扩大显示
- 完美的css背景图片全屏显示,能比例缩小,不留空白
- JS控制图片显示的大小(图片等比例缩放)