添加到百度首页
添加收藏 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>之间。
相关特效
  • 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
  • jQuery点击小图弹出全屏展示大图fullscreenslides插件

    jQuery点击小图弹出全屏展示大图fullscreenslides插件

    一款jQuery点击小图弹出全屏展示大图fullscreenslides插件网页特效,全屏展示大图,可点击左右按钮透明渐变切换图片,点击关闭按钮或者ESC键退出全屏相片展示JS代码。……
    2014-12-12
  • 可全屏浏览baguettebox相册代码插件

    可全屏浏览baguettebox相册代码插件

    一款可全屏浏览baguettebox相册代码插件网页特效,点击图片列表缩略图全屏展示图片,点击左右按钮查看上一张、下一张图片,点击关闭按钮退出全屏展示。……
    2014-11-27
  • jQuery多功能响应式图文相册插件

    jQuery多功能响应式图文相册插件

    一款jQuery多功能响应式图文相册插件网页特效,可设定相册弹出层方向,自适应响应式全屏预览大图效果,点击左右按钮渐变切换图片。……
    2014-11-26



最新更新特效

设计分享