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

更新时间：2015年11月02日 14:16:35 投稿：mrr

本文给大家分享一款经常使用的jquery全屏相册插件zoomvisualizer具有调节放大与缩小的功能，对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>

您可能感兴趣的文章:

json定义及jquery操作json的方法
下面小编就为大家带来一篇json定义及jquery操作json的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
jQuery ajax serialize()方法的使用以及常见问题解决
使用ajax时，常常需要拼装input数据为'name=abc&sex=1'这种形式，用JQuery的serialize方法可以轻松的完成这个工作接下来介绍jQuery ajax - serialize() 方法定义和用法，感兴趣的朋友可以了解下啊，希望本文对你有所帮助
2013-01-01
jquery实现的树形目录实例
这篇文章主要介绍了jquery实现的树形目录,涉及jquery针对页面元素及鼠标事件的相关操作技巧,需要的朋友可以参考下
2015-06-06
避免jQuery名字冲突 noConflict()方法
这篇文章主要为大家详细介绍了避免jQuery名字冲突，noConflict()方法，感兴趣的朋友可以参考一下
2016-07-07
基于jQuery的倒计时实现代码
昨天看了妙味课堂的倒计时视频，自己学着写了下，需要的朋友可以参考下
2012-05-05
jquery+css实现移动端元素拖动排序
这篇文章主要为大家详细介绍了jquery+css实现移动端元素拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-02-02
jquery实现鼠标悬浮停止轮播特效
这篇文章主要介绍了jquery实现鼠标悬浮停止轮播特效，鼠标悬停在图片上则停止轮播，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-12-12
jQuery中trigger()与bind()用法分析
这篇文章主要介绍了jQuery中trigger()与bind()用法,结合实例形式分析了trigger()与bind()的功能、定义及具体使用技巧,需要的朋友可以参考下
2015-12-12
基于jQuery的仿flash的广告轮播代码
很多网站的首页都有广告轮播，今天闲来看了一网站的首页广告轮播方式，是通过 jQuery的blockSlide插件实现的，然后自己测试了一下，很好。
2010-11-11
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
这篇文章主要介绍了jQuery+canvas实现简单的球体斜抛及颜色动态变换效果,通过jQuery+html5的canvas利用时间函数进行实时数学运算动态绘制抛物线图形的技巧,需要的朋友可以参考下
2016-01-01