当前位置:主页 > 网页特效 > 图片代码 >

jQuery和css3长条照片风格lightbox插件

发布时间:2019/05/11?来源:互联网?浏览:?关键词:jquery?CSS3?Lightbox?
jQuery和css3长条照片风格lightbox插件 jQuery和css3长条照片风格lightbox插件
阿里云

简要教程

这是一款非常有意思的jQuery和css3长条照片风格lightbox插件。该插件集成了Lightbox 2。Lightbox 2是时下最为流行的lightbox插件。

HTML

该插件的html结构中有4个长条wrapper div,class为?pb-wrapper?。每个wrapper div中包含一个无序列表,每组相片的标题放置在div的最底部。:


 
    
     
        
            
  • Pure Serenity

    每一个长条div都带有类似pb-wrapper-1、pb-wrapper-2的class,它们被用来当前图片的位置、高度和旋转角度等等。

    jQuery和css3长条照片风格lightbox插件

    还有就是使用rel属性来集成Lightbox 2。在这里将添加大图的路径信息。

    css代码请参考下载文件。

    共有人阅读,期待你的评论!评论
    说点什么吧
    • 全部评论(0
      还没有评论,快来抢沙发吧!
    Top