添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 图文相册 >

jQuery轻量级响应式全屏LightBox相册特效插件

时间:2015-09-07      来源:互联网     
特效说明:
一款jQuery轻量级响应式全屏LightBox相册特效插件,点击缩略图弹窗大图相册特效,可实现全屏自动播放相片图片特效,带左右按钮,点击左右按钮切换图片。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="dist/css/lightgallery.css" rel="stylesheet">

2、调用JS插件代码:
<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
<script type="text/javascript">
        $(document).ready(function(){
            $('#lightgallery').lightGallery();
        });
</script>
<script src="js/picturefill.min.js"></script>
<script src="dist/js/lightgallery.js"></script>
<script src="dist/js/lg-fullscreen.js"></script>
<script src="dist/js/lg-thumbnail.js"></script>
<script src="dist/js/lg-video.js"></script>
<script src="dist/js/lg-autoplay.js"></script>
<script src="dist/js/lg-zoom.js"></script>
<script src="dist/js/lg-hash.js"></script>
<script src="dist/js/lg-pager.js"></script>
<script src="lib/jquery.mousewheel.min.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • 响应式拖拽滑动带缩略图相册特效

    响应式拖拽滑动带缩略图相册特效

    一款响应式拖拽滑动带缩略图相册特效JS代码下载,这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图,点击左右按钮或者滑动切换上一张下一张图片特效。……
    2018-04-04
  • jQuery带放大镜LightBox多图相册特效

    jQuery带放大镜LightBox多图相册特效

    一款jQuery带放大镜LightBox多图相册特效下载,该JS特效是一款可以显示相应缩略图的高清大图相册,且在浏览高清大图时还可以使用放大镜来查看局部细节放大效果。……
    2016-06-28
  • Bootslider响应式全屏相册特效

    Bootslider响应式全屏相册特效

    一款Bootslider响应式全屏相册特效网页特效下载,该CSS3+jQuery特效适用于PC网站制作,响应式网站制作图片、相册展示应用。带左右箭头、索引按钮。……
    2016-05-25
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jQuery九宫格图片拉伸变大图文相册特效

    jQuery九宫格图片拉伸变大图文相册特效

    一款jQuery九宫格图片拉伸变大图文相册特效下载,该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……
    2016-05-22
  • CSS3+slider制作多图3D切换相册特效

    CSS3+slider制作多图3D切换相册特效

    一款CSS3+slider制作多图3D切换相册特效,带左右按钮,自动轮播及点击按钮上下3D、左右3D方式切换图片相册特效代码。……
    2015-07-24
  • 多组图片带缩略图相册特效

    多组图片带缩略图相册特效

    一款多组图片带缩略图相册特效下载,该特效代码是鼠标点击缩略图可上下切换图片,点击右侧箭头可切换下一组图片,效果大气美观,站长素材推荐下载。……
    2015-03-15
  • jQuery鼠标悬停时放大显示图片效果制作

    jQuery鼠标悬停时放大显示图片效果制作

    一款jQuery鼠标悬停时放大显示图片效果制作,鼠标滑过/悬停小图变暗响且应式展示大图免费网页特效代码。……
    2015-02-16
  • jQuery点击缩略图显示大图多图相册特效

    jQuery点击缩略图显示大图多图相册特效

    一款jQuery点击缩略图显示大图多图相册特效,该相册特效代码基于jquery-1.4.2.min.js制作,可无限添加图片,点击缩略图显示图文并茂的大图,带箭头按钮图标,控制缩略图和大图切换。……
    2015-01-08
  • jQuery底部带缩略图透明渐变切换相册特效

    jQuery底部带缩略图透明渐变切换相册特效

    一款jQuery底部带缩略图透明渐变切换相册特效,带左右按钮,自动轮播及点击缩略图透明渐变切换网页相册特效JS代码免费下载。……
    2014-12-21


最新更新特效

设计分享

web前端视频教程