獲取變量調整圖像的寬度和高度與jquery

Question

我有一個函數，負載和窗口大小運行。我想在將它重新調整到另一個變量後使用新值。我沒有得到價值的大小部分。

$(window).load(function(){ 
      var a=imageSize(); 
      getResizeImageWidthHeight(a); 
      otherFunction();  
     }); 
     $(window).resize(function(){ 
      imageSize(); 

     }); 

圖像調整

var imageSize =function() { 
      var status='0'; 
      if($(window).width()-300 > $(window).height()) { 
       $('#images').css({ 
        'width': 'auto', 
        'height': ($(window).height())+'px' 
       }); 
       status='1'; 
      } 
      else { 
       $('#images').css({ 
        'width': ($(window).width())+'px', 
        'height': 'auto' 
       }); 
       status='2'; 
      } 
      return status; 

     } 

得到，如果你想擴展與圖像的大小調整圖像的寬度和高度

function getResizeImageWidthHeight(a) { 
      x=a; 
      if(x=='1') { 
        $("#images").load(function() { 
         imgWidth = this.width; 
         alert("imgWidth: " + imgWidth); 
        }); 
       var imgHeight = $("#images").height(); 

      } else if(x=='2') { 
        $("#images").load(function() { 
         var imgHeight = this.height; 
        }); 
       var imgWidth = $("#images").width(); 
       alert(" imgHeight: " + imgHeight); 
      } 
     } 

和使用功能

function otherFunction() { 
      var xWidth=imgWidth*2; 
      var xHeight=imgHeight*3; 
      . 
      . 
      etc. 
     } 

Answer 1

容器，有一個比重新計算窗口大小時重新計算寬度/高度更簡單的方法，它是fluid layout想法的一部分。

基本上，您將圖像設置爲max-width: 100%;，它們將按照其容器大小進行縮放。

不知道這是你的意圖，但它不是js。檢查鏈接瞭解更多詳情。

要獲得圖像的大小，他們被調整後：

您可以保存大小在一個全局變量，只是刪除var：（不推薦）

imgHeight = $("#images").height(); 
imgWidth = $("#images").width(); 

或者你可以簡單地使用jquery查詢元素的高度：

var xWidth = $("#images").width() * 2; 
var xHeight = $("#images").height() * 3;