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

<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>
时间: 2024-07-31 14:35:01

JS限定手机版中图片大小随分辨率自动调整的相关文章

android字体大小根据分辨率自动调整

手机设备太多,分辨率也不一样,看到网上大部分的适应字体的方法是定义values320×480或value-hdpi方式去处理. 采用第一种的就惨了,很多设备的分辨率是不一样的,难道要每种都定义吗? 采用第二种的在平板电脑里没有效果. 最后还是代码的方式方便快捷... Java代码 1.//遍历设置字体 2.public static void changeViewSize(ViewGroup viewGroup,int screenWidth,int screenHeight) {//传入Act

关于Android中图片大小、内存占用与drawable文件夹关系的研究与分析

从上一篇文章<Android屏幕适配全攻略>写完之后,经常会有朋友问我这个问题:"能不能一个App只提供一套切图适应所有的分辨率呢?"我觉得有必要写一篇文章来研究一下这个问题,所以就有了这篇文章. 研究内容 研究方法 测试环境 研究过程 结果分析 结论 另外一个难以解释的问题 研究内容 本篇内容主要探讨以下场景:同一张图片,放置在不同的drawable文件夹,在同一设备上运行,对图片大小及内存占用有什么影响. 研究方法 控制变量法 分析法 测试环境 采用锤子T1手机(108

Hadoop新版和旧版中InputSplit大小的区别

Hadoop旧版中InputSplit的个数由下面三个参数决定: goalSize:totalSize/numSpilt.totalSize为文件大小,numSplit为用户设定的map task个数,默认为1. minSize:InputSplit的最小值,由配置参数 mapred.min.split.size,默认为1. blockSize:HDFS中块的大小. splitSize = max(minSize,min(goalSize,blockSIze)) 新版: maxSize:由配置参

转:手机版网站中电话、手机号码添加链接

几年前我们开始为普通电脑版网站添加手机版本,当时查了一些资料,其中说到很多情况下,手机浏览器可以识别网页中的电话号码并自动添加链接,但也可以关闭这个功能并控制号码是否添加链接.这两年我们在添加手机版网站的时候,一般都没有去特别处理电话.手机号码的字段,就让手机浏览器自动来处理的. 但考虑到自动添加链接这个功能误识别的问题(例如:漏掉识别合适的电话号码或者把传真号码也添加上链接等),人工来控制添加链接也许是个更好的办法. 最近同事在全面排查网站问题的时候,又提出这个问题,我在网上搜索了一下,<Mo

在手机网页中使用USEMAP

因为手机网页中图片大多数使用百分比显示 所以USEMAP的坐标错位 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js">&

文字转图片APP,Android版本(长微博手机版)超越长微博

文字转图片,目前支持自定义生成图片尺寸(默认为手机宽度*自适应高度),支持字体大小,颜色,背景色,背景图,字体,行间距设置,以及自定义水印.并且增加了二维码功能和文件导入生成功能,其中二维码功能用于文字生成二维码后,使用文字转图片二维码扫描后,会立即生成对应的文字图片,支持加密!自定义密钥等功能,后期的创新功能陆续开发中! 开发者:谭东. 顶尖文字转图片技术!更多功能开发中 下载地址:http://pan.baidu.com/s/1qWHIPru 联系QQ :85204173 下载地址:http

Bootstrap轮播(carousel)插件中图片变形的终极解决方案——使用jqthumb.js

在顶求网的首页中我使用了BootStrap的轮播(carousel)插件来展示文章中的图片.我在程序中自动抓取文章的第一张图片作为该轮播控件中要显示的图片,由于文章的图片大小不一,而轮播插件的大小基本是固定的,所以展示的时候图片出现了变形.在网上找了很多中方式也没有解决(过程曲折,不再赘述),直到找到了这款Jquery的缩放插件——jqthumb.js.下面来看看如何使用它以及如何利用它来控制轮播控件中图片的大小,而且能够做到不变形,可以显示图片的主要部分(类似于微信朋友圈的图片混排效果——不知

手机网站开发及手机中图片加速显示img的Canvas方法

随着手机开发越来越流行,手机开发的很多框架也应运而生,比较好用的手机网站开发框架推荐如下: 1.zeptojs,里面封装了很多手机特有方法,例如touch.js等等.和jquery用法差不多,很好上手! API地址:http://zeptojs.com/#$.extend 2.jquerymobile   演示地址:http://jquerymobile.com/ 3.angularjsmobile  演示地址:http://mobileangularui.com/ 最近做手机开发项目是,遇到图

JS中图片飞飞效果

当鼠标在界面上移动的时候,后面有一连串的图片跟随者一起飘动,效果如下: 实现的基本思想:准备五个img标签,为了方便控制都放在一个div里面,设置div的定位方式为 fixed,设置成这中定位方式主要是为了解决在页面出现滚动条的情况下,图片还能够跟随鼠标移动.然后再鼠标移动的时候,延时给每一个图片设置定位的left和top距离就OK了.HTML和CSS代码如下: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head