用jquery控制圖片的最大寬度

learning_1發表於2008-10-16
jQuery
基本思路是檢視所有網頁上的圖片，如果大於一個數值，則設定寬度，否則，就按照原來的尺寸顯示。程式碼如下：

$(document).ready(function() {
	var maxwidth=552;
	$("img").each(function(){      
		if (this.width>maxwidth) 
		 this.width = maxwidth; 
	}); 
});

第一行是國際化的jQuery寫法，當頁面載入完成後執行
第二行設定最大的寬度
第三行是查詢所有img標籤，每一個做後邊的function處理
第四，五行判斷圖片的寬度，如果超過這個寬度則設其寬度為允許的最大寬度。

相關文章