程式碼如下:
$(document).ready(function(){ // 先取得原圖片大小,圖片載入時獲取 $("#IMG").load(function(){ _imgW = this.width; _imgH = this.height; // alert(_imgW); // alert(_imgH); ImgResize(); }); }); function ImgResize(){ // 再取得可視視窗的寬 var WT = $(window).width(); // 按照寬高比算出調整後圖片的高度 var resizeH = (WT * _imgH) / _imgW; // 將新的尺寸賦予圖片 $("#IMG").css({width:WT,height:resizeH}); } // 瀏覽器調整視窗大小時重新計算 $(window).resize(function(){ ImgResize() });
程式碼如下:
$(document).ready(function(){ // 先取得原圖片大小,圖片載入時獲取 $("#IMG").load(function(){ _imgW = this.width; _imgH = this.height; // alert(_imgW); // alert(_imgH); ImgResize(); }); }); function ImgResize(){ // 再取得可視視窗的寬 var WT = $(window).width(); // 按照寬高比算出調整後圖片的高度 var resizeH = (WT * _imgH) / _imgW; // 將新的尺寸賦予圖片 $("#IMG").css({width:WT,height:resizeH}); } // 瀏覽器調整視窗大小時重新計算 $(window).resize(function(){ ImgResize() });