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

先给大家展示效果图：

点击查看效果图           源码下载

jQuery可调节放大与缩小功能的全屏相册插件zoomVisualizer。

文件引用：

<script src="https://www.jb51.net/js/jquery.min.js"></script> <script src="https://www.jb51.net/js/jquery-ui.min.js"></script> <script type="text/javascript" src="https://www.jb51.net/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>

您可能感兴趣的文章: