fancybox图片灯箱功能
在页面中引入几个文件
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
在博客文件中需要加载图片的地方插入下面html代码
<a data-fancybox="gallery" href="图片链接"><img src="图片链接"></a>
<a data-fancybox="gallery" href="图片链接"><img src="图片链接"></a>
效果:
