Javascript 代码片段 - 按原始比例显示图片
2007-04-21 10:23
387 查看
function AutoSize(img, imgWidth, imgHeight)
{
var newImg = document.createElement("img");
newImg.src = img.src;
var width = newImg.width;
var height = newImg.height;
var proportion = width / height;
var wp = width / imgWidth;
var hp = height / imgHeight;
if(wp > 1 || hp > 1)
{
if(wp > hp)
{
width = imgWidth;
height = imgWidth / proportion;
}
else
{
width = imgHeight * proportion;
height = imgHeight;
}
}
img.style.width = width;
img.style.height = height;
}
备注:用 document.createElement("img") 方法创建新图片可以避免图片被指定尺寸后无法取得图片的真实高度、宽度,确保图片尺寸未被指定的情况下可以省略。
{
var newImg = document.createElement("img");
newImg.src = img.src;
var width = newImg.width;
var height = newImg.height;
var proportion = width / height;
var wp = width / imgWidth;
var hp = height / imgHeight;
if(wp > 1 || hp > 1)
{
if(wp > hp)
{
width = imgWidth;
height = imgWidth / proportion;
}
else
{
width = imgHeight * proportion;
height = imgHeight;
}
}
img.style.width = width;
img.style.height = height;
}
备注:用 document.createElement("img") 方法创建新图片可以避免图片被指定尺寸后无法取得图片的真实高度、宽度,确保图片尺寸未被指定的情况下可以省略。
相关文章推荐
- javascript代码控制图片在页面显示时等比例缩放
- javascript批量检查当图片不存在时则显示默认图片的代码
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- JavaScript图片预加载代码,显示loading
- 按比例缩放图片,JavaScript代码
- [原创]最新javascript自动按比例显示图片,按比例压缩图片显示
- 图片上传即时显示javascript代码
- 【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
- javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)
- javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)
- javascript 图片轮换显示效果代码
- 基于javascript代码实现通过点击图片显示原图片
- 一个不错的,JavaScript代码,显示首页图片幻灯片效果
- JavaScript实现的多个图片广告交替显示效果代码
- [转]用Javascript判断图片是否存在,不存在则显示默认图片的代码
- javascript 图片轮换显示效果代码
- 基于javascript代码实现通过点击图片显示原图片
- 按比例缩放图片,JavaScript代码
- 最新javascript自动按比例显示图片,按比例压缩图片显示