简介
lightgallery.js 是一款功能齐全的纯 JavaScript lightbox 组件，它有以下特点：
-
支持响应式
-
模块化设计，内置插件
-
支持移动设备
-
支持缩略图
-
支持社交分享
-
支持视频
-
20 多种 CSS3 过度效果
-
支持全屏
使用
1、引入文件
<link rel="stylesheet" href="css/lightgallery.css"> <script src="js/lightgallery.min.js"></script> <script src="js/lg-thumbnail.min.js"></script> <script src="js/lg-fullscreen.min.js"></script>
2、HTML
<div id="dowebok"> <a href="img/1.jpg"> <img src="img/thumb-1.jpg"> </a> <a href="img/2.jpg"> <img src="img/thumb-2.jpg"> </a> ... </div>
3、JavaScript
lightGallery(document.getElementById('dowebok'));
-
<template> <div id="lightgallery"> <a href="img/img1.jpg"> <img src="img/thumb1.jpg" /> </a> <a href="img/img2.jpg"> <img src="img/thumb2.jpg" /> </a> </div> </template> <script> i
-
作品集网页。记录一波供自己查阅。 一、最简方法：参照模板调用LightGallery 1. HTML主体框架 参考Github代码即可，其框架如下： https://github.com/sachinchoolur/lightGallery <div class="demo-gallery"> <ul id="lightgallery" class="list-unstyl
-
问题描述：第一次点击可以预览图片，分页第二次获取图片后不生效 解决办法：初始化lightgallery前，先销毁以前的实例 if($("#lightgallery").data("lightGallery")) $("#lightgallery").data("lightGallery").destroy(true); $('#lightgallery').lightGallery();
-
Weex 图片列表全屏显示组件 规则： 常用于详情页面的图片放大显示，让用户清晰看到效果 需要设置图片的显示高度，也可以设置宽度（默认750px） 可以传入一组图片，滑动显示 Demo 使用方法 <template> <div> <div @click="openLightBox"> <text>点击按钮弹出全屏图片</text> </div> <wxc-l
-
Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本.就是一个页面上的弹出式对话框的组件， 它能被快速安装并且运作于所有流行的浏览器. 而 JQuery Lightbox 是在 jQuery 框架的基础上实现版本。
-
Bootstrap Lightbox 是一个简单的基于 Bootstrap 实现的弹出窗口扩展。 示例代码： <a data-toggle="lightbox" href="#demoLightbox">Open Lightbox</a><div id="demoLightbox" class="lightbox fade" tabindex="-1" role="dialog" aria-hi
-
Scalable Lightbox 是一个构建漂亮外观的响应式图片灯箱。 在线演示
-
Simple Lightbox 是用在移动端和桌面端的，触摸友好的图像收藏夹 jQuery 插件。它有以下几个特点： 反应灵敏 触摸友好 滑动手势以获得下一张/上一张图片 易于安装，易于使用 简约的 仅包括一些CSS。您可以根据需要更改样式！ 很多选择 预加载下一张和上一张图片 Android，iO和Windows Phone支持 适用于旧版浏览器的CSS3过渡和后备 即使在IE 9+中，也可以在
-
Picasa LightBox是WordPress插件，你可以轻松添加Picasa图片到你的WordPress文章和页面中。