您现在的位置: 首页 > Jquery插件 > jQuery图片裁剪 > 正文

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');

下载资源:134 下载积分:0
相关热词搜索: jQuery图片缩放插件 EasyZoom
上一篇:第一页