JQ+Lightbox制作点击小图片弹出放大图插件

92建站   2021-11-21   收藏本文

这套JQ+Lightbox制作点击小图片弹出放大图插件 ,使用Lightbox插件制作的,点击小图片时会弹出大的图片,当点击图片外的地方图片就会消失,经常用于手机端图片预览使用。

使用方法:

1)CSS代码

<link rel="stylesheet" href="dist/zoomify.min.css">

2)DIV代码

<div class="example">
        <img src="../../img/1.jpg" alt="">
</div>

3)JS代码

<script src="../../js/jquery.min.js"></script>
<script src="dist/zoomify.min.js"></script>
<script type="text/javascript">
    $('.example img').zoomify();
</script>

效果截图:

小图变大图,弹出大图片

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开