<span style="font-size:24px;">function setImgWidthHeight(imgJqObj){
imgJqObj.each(function() {
var $thisImg = $(this);
console.log($thisImg.height());
console.log($thisImg.width());
var maxWidth = 500; // 图片最大宽度
var maxHeight = 500; // 图片最大高度
$("<img/>").attr("src", $thisImg.attr("src")).load(function() {
var realWidth = this.width;
var realHeight = this.height;
if(realWidth >= maxWidth){
$thisImg.attr("width", maxWidth);
// $thisImg.attr("height", maxHeight);
}
if(realHeight >= maxHeight){
// $thisImg.attr("width", maxWidth);
$thisImg.attr("height", maxHeight);
}
})
})
}</span>
在html页面中,<img>标签中如果没有设置width和height属性,就拿不到
<$thisImg.height() 和 $thisImg.width(),[结果是0],要是设置了的话就拿到的是设置的值。
要根据图片实际大小来设置高宽,过大显示最大设定值,过小就按本身值显示,所以要拿到图片真实的宽和高:
$("<img/>").attr("src", $thisImg.attr("src")).load(function() {
var realWidth = this.width;
var realHeight = this.height;
}) //必须用load方法