News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      网络营销      JS图片压缩–图片后加载后按比例缩放

JS图片压缩–图片后加载后按比例缩放

原理:图片加载完后把图片的尺寸固定在一个固定的范围之内。。JS Code:script type=text/javascriptvarPRoMaxHeight=100;var proMaxWidth=100;function ImgAuto(ImgD){var image=new Image();image.src=ImgD.src;image.onload = function(){if(image.width0image.heigh

原理:图片加载完后把图片的尺寸固定在一个固定的范围之内。。

JS Code:

<script type="text/javascript">

var PRoMaxHeight=100;
var proMaxWidth=100;


function ImgAuto(ImgD)
{
var image=new Image();
image.src=ImgD.src;
image.onload = function(){
if(image.width>0&&image.height>0)
{
var rate=(proMaxWidth/image.width<proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
if(rate<=1)
{
ImgD.width=image.width*rate;
ImgD.height=image.height*rate
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
};
image.onload();
};

</script>

HTML Code:

<body>
<img src="http://s3.knowsky.com/l/45001-55000/200952916491584421395.jpg" onload="ImgAuto(this)" id="test"/>
<script type="text/Javascript" src="img.js"></script>

</body>

    我要评论
    共有 人参与,评论 条,顶帖 [点击查看]
  • 验证码:
  • 所有评论仅代表网友意见,与本站立场无关!