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 jQuery中的DOM操作
Mar 21 Javascript
JavaScript中几种常见排序算法小结
Feb 22 Javascript
JavaScript中为元素加上name属性的方法
May 09 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 Javascript
Vue指令实现OutClick的示例
Nov 16 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中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
Extjs学习笔记之八 继承和事件基础
2010/01/08 Javascript
JQuery AJAX 中文乱码问题解决
2013/06/05 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
python赋值操作方法分享
2013/03/23 Python
python多线程操作实例
2014/11/21 Python
Python基于二分查找实现求整数平方根的方法
2016/05/12 Python
python爬虫爬取淘宝商品信息
2018/02/23 Python
pandas 对每一列数据进行标准化的方法
2018/06/09 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
python2和python3哪个使用率高
2020/06/23 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
泰国第一的化妆品网站:Konvy
2018/02/25 全球购物
Rossignol金鸡美国官网:始于1907年法国百年雪具品牌
2019/03/06 全球购物
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
关于爱情的广播稿
2014/01/16 职场文书
公司业务员岗位职责
2014/03/18 职场文书
设计大赛策划方案
2014/06/13 职场文书
埃及王子观后感
2015/06/16 职场文书
七一慰问简报
2015/07/20 职场文书
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js