点击图片弹出窗口插件Fancybox，jq给图片添加属性

效果: 点击图片出现图片弹框

插件：https://fancyapps.com/docs/ui/quick-start/

步骤：

1.引入

css

<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css"/>

2.给img添加data-fancybox属性

html

<img src="images/pic-6.png" alt="" data-fancybox>

或者通过jq给图片添加属性，步骤：

1.选择器

2.遍历

3.添加属性

js

$(".m-txtbody img").each(function(){
$(this).attr("data-fancybox","true");
})