首页 > 移动平台 > 详细

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

时间:2016-05-10 20:49:42      阅读:246      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!