Home >Web Front-end >JS Tutorial >Jquery full-screen photo album plug-in zoomvisualizer has the function of adjusting zoom in and out_jquery
I will show you the renderings first:
Click to view the rendering Source code download
zoomVisualizer, a jQuery full-screen photo album plug-in with adjustable zoom and zoom functions.
File reference:
<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>