一个新鲜、有趣、有料的网络营销个人博客

jquery 控制图片大小

用jquery控制div内的图片大小

$(document).ready(function() {
$(‘.content img’).each(function() {
var a= $(this).attr(“src”);
var point =a.lastIndexOf(“.”);
var type = a.substr(point);
if(type==”.gif”||type==”.GIF”){
var maxWidth = 460; // 图片最大宽度
var maxHeight = 350; // 图片最大高度
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); // 设定等比例缩放后的高度
}
if(height < maxHeight){
ratio = maxHeight / height; // 计算缩放比例
$(this).css(“height”, maxHeight); // 设定实际显示高度
width = width * ratio; // 计算等比例缩放后的高度
$(this).css(“width”, width * ratio); // 设定等比例缩放后的高度
}
}
});
});

未经允许,不得转载本站任何文章:王振东 » jquery 控制图片大小

分享到

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址