最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery等比例缩放大图片(jQuery.autoIMG.min.js)
时间:2013-11-26 编辑:简简单单 来源:一聚教程网
介绍下autoIMG。
autoIMG可以快速对文章图片进行尺寸自适应,它利用浏览器获取图片文件头尺寸数据,无需等待图片加载完成。
autoIMG兼容:Chrome | Firefox | Sifari | Opera | IE6 | IE7 | IE8 | ...
调用autoIMG插件方法相当简单:
代码如下 | 复制代码 |
$(function(){ $("#demo2").autoIMG(); }); |
下面看个实例
代码如下 | 复制代码 |
|
下面我们分析实例
我们分两种情况来讲述:
1.已知图片尺寸
代码如下 | 复制代码 |
当页面加载的图片中含有属性width和height值,则可以使用几句简单的jQuery代码实现等比例缩放。
代码如下 | 复制代码 |
|
2.未知图片尺寸
当页面加载的图片尺寸未知的情况下,上述代码则不能进行有效的缩放,这种情况多出现在采集的外部链接图片。
代码如下 | 复制代码 |
|
所幸的是,有好心朋友已经写出来专门的插件来处理,而且跨浏览器,解决了前端朋友们的一大难题。
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31