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 相关文章推荐
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
javascript实现简单的on事件绑定
Aug 23 Javascript
AngularJS实现标签页的两种方式
Sep 05 Javascript
详解jQuery事件
Jan 13 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
Jan 27 Javascript
详解微信小程序开发之formId使用(模板消息)
Aug 27 Javascript
EXTJS7实现点击拖拉选择文本
Dec 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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
再次研究下cache_lite
2007/02/14 PHP
php获取$_POST同名参数数组的实现介绍
2013/06/30 PHP
Prototype使用指南之range.js
2007/01/10 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
JS实现的数字格式化功能示例
2017/02/10 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
200行HTML+JavaScript实现年会抽奖程序
2019/01/22 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
Python 用户登录验证的小例子
2013/03/06 Python
python异步任务队列示例
2014/04/01 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
pandas删除指定行详解
2019/04/04 Python
python openpyxl使用方法详解
2019/07/18 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例
2020/03/10 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
土木工程毕业生推荐信
2013/10/28 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
教师节横幅标语
2014/10/08 职场文书
六五普法学习心得体会
2016/01/21 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android