您的位置:首页 > Web前端 > JavaScript

js 图片高度按比例缩放

2014-01-05 17:12 309 查看
$(document).ready(function() {
$('.i_w_f > img').each(function() {
var maxWidth = 225; // 图片最大宽度
var maxHeight = 337;    // 图片最大高度
var ratio = 0;  // 缩放比例
var width = $(this).width();    // 图片实际宽度
var height = $(this).height();  // 图片实际高度

// 检查图片是否超宽
if(width > maxWidth){
ratio = maxWidth/ width;   // 计算缩放比例
$(this).css("width", maxWidth); // 设定实际显示宽度
height = height * ratio;    // 计算等比例缩放后的高度
$(this).css("height", height * ratio);  // 设定等比例缩放后的高度
}

});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: