先给大家展示效果图:
点击查看效果图 源码下载
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>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery_zoom插件
jquery全屏插件
zoom.js 手指放大缩小、zoom两点放大缩小算法、zoom两点放大缩小、主页面zoom 放大缩小、zoomvisualizer 参数,以便于您获取更多的相关知识。
时间: 2024-09-25 17:52:23