js技术图片加载并按比例缩小到合适大小
2010-12-31 15:06
435 查看
图片加载并按比例缩小到合适大小
//<img src="" width="80" onload="DownImage(this,80,0,0);">
function DownImageWidth(ImgD,MaxWidth,alignX,alignY)
{
alignX=alignX||1;
alignY=alignY||1;
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0)
{
var rate = MaxWidth/image.width;
var wid=0;
var hid=0;
if(rate <= 1)
{
wid=ImgD.width=image.width*rate;
hid=ImgD.height=image.height*rate;
}
else
{
wid=ImgD.width=image.width;
hid=ImgD.height=image.height;
}
}
}
//<img src="" width="80" onload="DownImage(this,80,0,0);">
function DownImageWidth(ImgD,MaxWidth,alignX,alignY)
{
alignX=alignX||1;
alignY=alignY||1;
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0)
{
var rate = MaxWidth/image.width;
var wid=0;
var hid=0;
if(rate <= 1)
{
wid=ImgD.width=image.width*rate;
hid=ImgD.height=image.height*rate;
}
else
{
wid=ImgD.width=image.width;
hid=ImgD.height=image.height;
}
}
}
相关文章推荐
- 图片加载并按比例缩小到合适大小(非原创)
- JS控制图片显示的大小(图片等比例缩放)
- JS等比例缩小图片尺寸
- JS控制图片显示的大小(图片等比例缩放)
- JS 图片按比例缩小
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 用JS控制图片大小按比例放缩或扩大图片
- JS自动缩小超出大小的图片
- jQuery扩展loadthumb,用jQuery实现图片预加载和等比例缩小
- JS等比例缩小图片尺寸
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- 处理页面加载图片js(等比例压缩图片)
- JS等比例缩小图片尺寸的实例
- js比例缩小显示图片
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- js 加载时自动调整图片大小
- JS控制图片显示的大小(图片等比例缩放)