图片/图形
Zoomio 图片内部放大jQuery插件
PetitQ
Zoomio 是一款简单实用的图片内部放大 jQuery 插件。通过 zoomio 插件可以轻松的制作图片内部放大效果，它兼容 IE8 浏览器，也可以用它来制作带图片放大效果的图片画廊。
使用方法
在页面中引入 zoomio.css 和 jquery 和 zoomio.js 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="css/zoomio.css">
<script src="js/jquery.min.js"></script>
<script src="js/zoomio.js"></script>
HTML 结构
在页面中添加一张图片。
<img class="sampleimage" src="img/1.jpg" />
CSS 样式
将图片设置的比原图小一些。
.sampleimage{width: 300px;
height: auto;
}
初始化插件
在页面 DOM 元素加载完毕之后，通过 zoomio 方法来初始化该图片放大插件。
$(function(){
$(".sampleimage").zoomio();
})
配置参数
zoomio 图片放大插件的可用配置参数有：
| 参数 | 描述 |
| fadeduration | 淡入淡出效果的持续时间，单位毫秒。 |
| w | 缩放区域的宽度，雷子为字符串，例如：'300px','80%' |
| h | 缩放区域的高度，雷子为字符串，例如：'300px','80%' |
官方网址：http://www.dynamicdrive.com/dynamicindex4/zoomio.htm
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
