这套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>
效果截图: