NO IMAGE
<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方法