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

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

基本用法：

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="data: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	缩小后的事件

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

推荐几款我一直在用的chrome插件（下）
请先看:推荐几款我一直在用的chrome插件(上) 6. Pocket 可以很方便的保存文章.视频等供以后查看,即实现了"Read it later"功能.有了 Pocket,您可 ...
推荐7款非常棒的将代码片段转换成图片的工具
本文首发于[码友网]–<我来推荐,你随意挑!推荐7款非常棒的将代码片段转换成图片的工具> 概述大家好,我是码友网的维护者–Rector.很高兴今天又为大家分享有趣并有用的开发者工具啦! ...
前端环形统计_10款jQuery实现的环形百分比图表插件
1.jQuery实现的环形百分比图表插件这是一款非常富有创意的jQuery图表插件特效源码,这款jQuery环形百分比图表插件有以下特点:1.图表外观是环形的,因此也十分特别.2.图表数据有百分比显 ...
html树插件,推荐8款jQuery轻量级树形Tree插件
由于其拥有庞大,实用的插件库,使得jQuery变得越来越流行.今天将介绍一些最好的jQuery树形视图插件,具有扩展和可折叠的树视图.这些都是轻量级的,灵活的jQuery插件,它将一个无序列表转换为可 ...
推荐几款jquery图片切换插件
一.前言毕业季到了,大家都在匆匆忙忙的记录大学里最美好的时光,照片中各种花式.各种姿势都涌现出来了.这么多的照片怎么展示出来给自己的好友看呢?有人选择做成视频,有人选择ps之后做成图片集,而我选择利 ...
推荐 5 款超好用的 Chrome 浏览器插件，文末有从别人的电脑移植插件的方法
从事前端开发一年多时间,陆陆续续收藏了一些 Chrome 插件,这些插件极大地提高了我的工作效率,现在分享给大家. OneTab(经常打开网页的人必备) 一天的工作结束了,下班的时候发现打开网页很多, ...
3d stroke插件下载_推荐一款好用的PS 3D地图插件，PS插件3D Map Generator ，一键生成地图神器...
今天,给大家推荐一个强大的Photoshop(PS)地图插件--3D Map Generator,可以方便制作3D特效效果. 3D Map Generator插件是什么 3D Map Generato ...
推荐几款提升效率Intellij IDEA 神级插件！
安装好Intellij idea之后,进行如下的初始化操作,工作效率提升十倍. 一. 安装插件 1. Codota 代码智能提示插件只要打出首字母就能联想出一整条语句,这也太智能了,还显示了每条语句 ...
推荐几款好用的书签收藏夹插件-让我们可以稍后阅读
今天一个小师妹问我,chrome有没有一款稍后阅读的插件啊?因为在互联网上的学习的时候经常是查询资料A的时候,发现有个自己感兴趣的资料B,C,D.但是当下有没有时间去查看,所以就希望能够收藏起来稍后阅 ...

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

1、引入文件

2、HTML

3、JavaScript

配置

1、属性

2、方法

3、事件

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

最新文章

热门文章