js怎么控制图片的分辨率适应电脑分辨率

2025-10-04 13:37:11

1、 让包裹图片的盒子绝对定位, - left:50%, - Margin-left:图片宽度的一半

js怎么控制图片的分辨率适应电脑分辨率

2、 <script type="text/javascript">

   var ObjImg = jQuery(".Dy_Content img");

   for (var i = 0; i < ObjImg.length; i++) {

js怎么控制图片的分辨率适应电脑分辨率

3、     loadImage(ObjImg.eq(i));

   }

   function loadImage(Obj) {

     var b_width = 320;

     var img = new Image();

js怎么控制图片的分辨率适应电脑分辨率

4、     img.src = jQuery(Obj).attr("src");

     if (img.complete) {

       var i_width = img.width;

       var i_height = img.height;

       if (i_width > b_width) {

js怎么控制图片的分辨率适应电脑分辨率

5、         var bx = b_width / i_width;

         jQuery(Obj).width(b_width);

         jQuery(Obj).height((bx * i_height).toFixed(0));

       }

       return;

     }

js怎么控制图片的分辨率适应电脑分辨率

6、     img.onload = function () {

       var i_width = this.width;

       var i_height = this.height;

       if (i_width > b_width) {

         var bx = b_width / i_width;

js怎么控制图片的分辨率适应电脑分辨率

7、         jQuery(Obj).width(b_width);

         jQuery(Obj).height((bx * i_height).toFixed(0));

       }

     };

   };

</script>

js怎么控制图片的分辨率适应电脑分辨率

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢