是否有任何JavaScript庫根據瀏覽器窗口大小調整圖像大小？

Question

是否有任何JavaScript庫根據瀏覽器窗口大小調整圖像大小？

我需要考慮所有情況（垂直/臥式圖像，垂直/臥式瀏覽器窗口）

注：圖像比例必須相同！ （無distorsions）

感謝

Answer 1

我想出了這個解決方案。你覺得這是瘋了嗎？它的工作.. :)

var scale = 1; 

       if (imageWidth > imageHeight) { 
        if (imageWidth > windowW) { 
         scale = windowW/imageWidth; 
         if ((imageHeight * scale) > windowH) { 
          scale = scale * (windowH/imageHeight); 
         } 
        } else { 
         if (imageHeight > windowH) { 
         scale = windowH/imageHeight; 
         if ((imageWidth * scale) > windowW) { 
          scale = scale * (windowW/imageWidth); 
         } 
        } 
       } 
       } else { 
        if (imageHeight > windowH) { 
         scale = windowH/imageHeight; 
         if ((imageWidth * scale) > windowW) { 
          scale = scale * (windowW/imageWidth); 
         } 
        } else { 
          if (imageWidth > windowW) { 
           scale = windowW/imageWidth; 
           if ((imageHeight * scale) > windowH) { 
            scale = scale * (windowH/imageHeight); 
           } 
        } 
       } 
      } 





       imageHeight = imageHeight * scale;  
       imageWidth = imageWidth * scale; 

Answer 2

不知道如果這是你的意思是什麼，但是我用了「超大型」的jQuery插件在我的項目之一（它提供diashow的功能，但如果你只傳遞一個圖像，它可能是你想要的）：http://www.buildinternet.com/project/supersized/還有「bgStretcher」插件，似乎大致相同，但我還沒有使用它：http://www.ajaxblender.com/bgstretcher-jquery-stretch-background-plugin.html