jQuery图片缩放插件EasyZoom
作者：w634381967来源：网络浏览：次时间：2014-07-09 07:20:09我要评论
内容介绍
jQuery图片缩放插件EasyZoom，EasyZoom是一个优雅,高度优化的jQuery插件支持图像缩放和平移基于源图放大。easyzoom还支持触摸功能的设备，并与CSS很容易定制。
使用方法
html
EasyZoom不依赖于特定的标记结构但重要的是EasyZoom目标元素 (<div class="easyzoom">)只包含一个链接到大图和较小的图像。其他元素目标必须不影响其布局,如绝对定位的元素。
<div class="easyzoom">
<a href="images/zoom.jpg">
<img src="images/standard.jpg" alt="" />
</a>
</div>
CSS
/* Shrink wrap strategy 1 */
.easyzoom {
float: left;
}
.easyzoom img {
display: block;
}
/* Shrink wrap strategy 2 */
.easyzoom {
display: inline-block;
}
.easyzoom img {
vertical-align: bottom;
}
JavaScript
// Instantiate EasyZoom plugin
var $easyzoom = $('.easyzoom').easyZoom();
// Get the instance API
var api = $easyzoom.data('easyZoom');
下载资源：132 次
下载积分：0 分
