时间:2021-07-01 10:21:17 帮助过:19人阅读
先给大家展示效果图:
点击查看效果图 源码下载
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>