jQuery缩放效果lightbox插件-Zoomify

 Array   高蒙   阅读(1925)   评论(0)   2016-12-14 15:18:44    jQuery插件 Zoomify 


简介

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

浏览器兼容

IEEdgeChromeFirefoxOperaSafari
IE10+ ✔Edge ✔Chrome ✔Firefox ✔Opera ✔Safari ✔

使用方法

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缩小后的事件



相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客