其实这样的效果很多插件都可以实现

在做产品图片展示的时候,我们经常会接到这样的需求:需要点击小图,弹出大图,并且大图还可以直接点击按钮进行前后切换。其实这样的效果很多插件都可以实现,今天主要是推荐一款常用且简单的,大伙且用收藏吧。

这款插件就是:Lightbox。据说出来已经8年左右了,功能强大,易用。

主要特点:开源简洁小巧,易用,支持响应式,动画效果也不错!

官网地址:

网赌正规网站网址,gitHub地址:

使用方法:

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

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

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

Image#2

Image#3

Image#4

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

我们可以具体的demo:猛戳这里

总结:

Lightbox这款插件一直都很受欢迎,简单,易用,且功能又强大,个人很喜欢的一款插件,当然他是开源的,我们可以进行二次开发,如果您有什么好的方法,可以留言给我,谢谢!

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图