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

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

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

步骤:

1.引入

css

<script src="https:[email protected][email protected]/dist/fancybox.umd.js"></script>
<link
  rel="stylesheet"
  href="https:[email protected]/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");
})


发布时间:2021-11-18 08:31:24

觉得有用请点个赞吧!
100 2