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

先给大家展示效果图：

点击查看效果图           源码下载

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>

标签：全屏插件功能相册Webzoomvisualizer