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 获取iframe里页面中元素值的方法
Feb 17 Javascript
table行随鼠标移动变色示例
May 07 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
全面了解javascript中的错误处理机制
Jul 18 Javascript
AngularJS下对数组的对比分析
Aug 24 Javascript
Javascript生成带参数的二维码示例
Oct 10 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
关注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
详细介绍PHP应用提速面面观
2006/10/09 PHP
php5.2.0内存管理改进
2007/01/22 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
php验证session无效的解决方法
2014/11/04 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
将jQuery应用于login页面的问题及解决
2009/10/17 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
AngularJS中过滤器的使用与自定义实例代码
2016/09/17 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
[12:29]《一刀刀一天》之DOTA全时刻19:蝙蝠骑士田伯光再度不举
2014/06/10 DOTA
[06:07]DOTA2-DPC中国联赛3月5日Recap集锦
2021/03/11 DOTA
win7安装python生成随机数代码分享
2013/12/27 Python
python使用百度翻译进行中翻英示例
2014/04/14 Python
Python中的Django基本命令实例详解
2018/07/15 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
CSS3实现翘边的阴影效果的代码示例
2016/06/13 HTML / CSS
香港个人化生活购物网站:Ballyhoo Limited
2016/09/10 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
override和overload的区别
2016/03/09 面试题
成功的餐厅经营创业计划书
2014/01/15 职场文书
给同学的道歉信
2014/01/16 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
作风整顿个人剖析材料
2014/10/06 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS