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 相关文章推荐
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
js文字横向滚动特效
Nov 11 Javascript
Bootstrap实现响应式导航栏效果
Dec 28 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
vue监听input标签的value值方法
Aug 27 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 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
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
在python里使用await关键字来等另外一个协程的实例
2020/05/04 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
python绘图模块之利用turtle画图
2021/02/12 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
cf搞笑广告词
2014/03/14 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
免职通知
2015/04/23 职场文书
大学生党课感想
2015/08/11 职场文书
文明上网主题班会
2015/08/14 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书