图片的大小限制显示

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