Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能


Posted in Javascript onNovember 02, 2015

先给大家展示效果图:

Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能

点击查看效果图           源码下载

jQuery可调节放大与缩小功能的全屏相册插件zoomVisualizer。

文件引用:

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/ZoomVisualizer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
 $(window).ZoomVisualizer({
  added: added,
  removed: removed,
  object: '#zoom-visualizer',
  resizeInitial: true,
  centerThumbs: true,
  loader: "img/ajax-loader-overlay.gif",
  sliderOrientation: "vertical",
  positionZoom: {
   left: 10,
   right: 10,
   top:10,
   bottom:10
  }
 });
 function added() {
  console.log("相册打开了!");
 }
 function removed() {
  console.log("相册关闭了!");
 }
});
</script>
Javascript 相关文章推荐
用javascript实现分割提取页面所需内容
May 09 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
深入理解JavaScript中的对象
Jun 04 Javascript
解决js图片加载时出现404的问题
Nov 30 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
详解vue-cli开发环境跨域问题解决方案
Jun 06 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 #Javascript
18个非常棒的jQuery代码片段
Nov 02 #Javascript
js实现文件上传表单域美化特效
Nov 02 #Javascript
非常实用的12个jquery代码片段
Nov 02 #Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 #Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 #Javascript
纯javascript移动优先的幻灯片效果
Nov 02 #Javascript
You might like
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
世界最大的票务市场:viagogo
2017/02/16 全球购物
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
毕业生求职简历中的自我评价
2013/10/18 职场文书
秋季运动会表扬稿
2014/01/16 职场文书
初中班主任寄语
2014/04/04 职场文书
小学师德标兵先进事迹材料
2014/05/25 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
python 单机五子棋对战游戏
2022/04/28 Python