有时网页很容易被大图片撑开,下面的小技巧可以用来解决这个问题:
<script language="JavaScript" type="text/javascript">
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
} else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
<img src="1.jpg" alt="自动缩放后的效果" onload="javascript:DrawImage(this,400,180);" />
分享到:
相关推荐
js实现图片等比例缩放 我将网络上流传的,改成了横向居中和纵向居中,非常实用。
使用一个方法可以等比例缩小你的,让图片不失去原本的效果。
主要介绍了JS图片等比例缩放方法,结合完整实例形式分析了javascript针对页面图片元素属性操作的相关技巧,需要的朋友可以参考下
JavaScript实现网页图片等比例缩放 JS效果 JS效果特效 图片等比例缩放
js等比例缩放图片,这个功能非常实用,当网页加载一个尺寸比较大的图片时,往往会把一个网页撑的变形,页面变得很难看,于是我们就想到了用JS去控制超出一定范围的图片,软件开发网以稳定页面布局,本代码段就是完成...
js实现的图片等比例缩放,js实现的图片等比例缩放
图片缩放 等比例缩放 图片等比例缩放 等比例缩放JS代码 JS代码 WEB网页制作。。
js图片缩放效果制作鼠标滚动图片等比例缩放代码
js图片等比例缩小 js图片等比例缩小 图动态等比例缩小
图片等比例缩放,jQuery和js的两种图片等比例缩放效果,简单实用。
js各种比例缩小图片
图片缩小时,按照原始图片的比例缩小,不至于缩小导致图片变形! function imgage(ImgD){ var image=new Image(); var iwidth = 400; //定义允许图片宽度 var iheight =450; //定义允许图片高度 image.src=ImgD.src;...
图片如果直接限制其高度或宽度,就会使图片变形,失真 这里提供按比例缩放图片解决的这个问题 js文件很小,只有0.5KB 但是这个还有其他方法,就是上传的时候按比例生产缩略图
NULL 博文链接:https://vipshow.iteye.com/blog/1848912
在WEB开发中,当指定图片的大小时,会使图片变形,用JS脚本实现图片的按比例缩放.
纯JS手写来实现我们上传的图片可以等比例来缩小,图片不失真
JS等比例缩小图片尺寸的实例,需要的朋友可以参考一下
jquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置...
js 图片 等比例缩放