您的位置：首页 > Web前端 > JQuery

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

2018-10-12 14:01 603 查看

先给大家展示效果图：

点击查看效果图           源码下载

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>

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航