用 jQuery實現圖片等比例縮放大小

標籤：text   var   遍曆   設定   pre   auto   放大   als   .com   

 

原文：http://www.open-open.com/code/view/1420975773093

  <script type="text/javascript">          window.onload = function() {              var w = 500;//設定最大寬度,也可根據img的外部容器 而動態獲得,比如：$("#demo").width();              $("img").each(function() {//如果有很多圖片,使用each()遍曆                   var img_w = $(this).width();//圖片寬度                   var img_h = $(this).height();//圖片高度                   if (img_w > w) {//如果圖片寬度超出指定最大寬度                       var height = (w * img_h) / img_w; //高度等比縮放                       $(this).css( {                          "width" : w,"height" : height                      });//設定縮放後的寬度和高度                   }              });                }          $(document).ready(function() {              //就本例而言 不要用 jQuery中的ready 你懂的...          })      </script>  

用 jQuery實現圖片等比例縮放大小