您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

如何使用Lightbox呢

作者:佚名    责任编辑:admin    更新时间:2022-06-22

做为一名前端开发人员,图片展示是经常遇到的问题!如何让图片直观,简单,漂亮的展现出来,一直是我所追求的!下面我们给大家介绍一下使用Lightbox

1.下载并引用jquery和lightbox插件

2.引入插件所需的css样式:

3.为你所需要展示的图片添加data-lightbox="roadtrip"属性

注意:如果插件已经运行了,但不显示关闭,和下一页的按纽,请检查CSS和和图片的路径是否正确!

以上就是我们给大家介绍的使用Lightbox了。希望大家继续关注我们的网站!

相关推荐:

web前端开发技巧介绍