点击图片放大显示

常用的图片点击放大功能

引入Js

1
2
3
<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>

图片放置格式

1
<a data-fancybox="gallery" href="图片链接"><img src="图片链接"></a>

测试

测试图片