45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:怎么样使用Jquery全屏相册插件zoomvisualizer具有的调节放大与缩小功能?

怎么样使用Jquery全屏相册插件zoomvisualizer具有的调节放大与缩小功能?

2016-07-06 14:21:03 来源:www.45fan.com 【

怎么样使用Jquery全屏相册插件zoomvisualizer具有的调节放大与缩小功能?

先给大家展示效果图:

怎么样使用Jquery全屏相册插件zoomvisualizer具有的调节放大与缩小功能?

点击查看效果图 源码下载

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>

本文地址:http://www.45fan.com/bcdm/56289.html
Tags: jquery 全屏 相册
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部