码迷,mamicode.com
首页 > 移动开发 > 详细

JS限定手机版中图片大小随分辨率自动调整

时间:2016-05-10 20:51:41      阅读:339      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">
      var ObjImg = jQuery(".Dy_Content img");
      for (var i = 0; i < ObjImg.length; i++) {

          loadImage(ObjImg.eq(i));
      }
      function loadImage(Obj) {
          var b_width = 320;
          var img = new Image();
          img.src = jQuery(Obj).attr("src");
          if (img.complete) {
              var i_width = img.width;
              var i_height = img.height;
              if (i_width > b_width) {
                  var bx = b_width / i_width;
                  jQuery(Obj).width(b_width);
                  jQuery(Obj).height((bx * i_height).toFixed(0));
              }
              return;
          }
          img.onload = function () {
              var i_width = this.width;
              var i_height = this.height;
              if (i_width > b_width) {
                  var bx = b_width / i_width;
                  jQuery(Obj).width(b_width);
                  jQuery(Obj).height((bx * i_height).toFixed(0));
              }
          };
      }; 
</script>

 

JS限定手机版中图片大小随分辨率自动调整

标签:

原文地址:http://www.cnblogs.com/qigege/p/5479151.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!