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

前端技术 2023/09/05 JavaScript

先给大家展示效果图：

点击查看效果图           源码下载

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>

本文地址：https://www.stayed.cn/item/12055

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案