推荐一款jquery前端插件（zoomify），灯箱效果插件（用于图片看大图的效果），简单易用！

前段时间项目中，需要使用图片看大图的效果，主要是用于上传的企业工商执照等信息。这个时候的需求是希望放大图片，看到大图。在进行认真调研基础上发现了一款极好用、极简单的前端插件 zoomify，下面简单介绍一下这款插件的使用。

插件下载：

http://www.dowebok.com/214.html

基本用法：

Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件，它使用简单，出来提供基本的属性外，还提供了自动事件和自定义方法，能够满足大多数需求

1、引入文件

<link rel="stylesheet" href="css/zoomify.min.css"><script src="js/jquery.min.js"></script><script src="js/zoomify.min.js"></script>

2、HTML

<img class="zoomify" src="images/img1.jpg" alt="">

3、JavaScript

$('.zoomify').zoomify();

配置

1、属性

名称类型默认值说明duration整数200动画持续时间easing字符串linear动画持续时间scale整数/浮点数0.9图片最大缩放比例

2、方法

名称说明举例zoom放大或缩小$(‘.zoomify’).zoomify(‘zoom’);zoomIn放大$(‘.zoomify’).zoomify(‘zoomIn’);zoomOut缩小$(‘#myImage’).zoomify(‘zoomOut’);reposition重新调整$(‘#myImage’).zoomify(‘reposition’);

3、事件

名称说明zoom-in.zoomify放大前的事件zoom-in-complete.zoomify放大后的事件zoom-out.zoomify缩小前的事件zoom-out-complete.zoomify缩小后的事件

GitHub 地址：https://github.com/indrimuska/zoomify

使用起来真的很简单！