lightgallery 使用
2024-10-19 20:38:11
用途
- 图片预览,支持多图片滑动预览
git 地址
代码
# idnex.html
<script src="js/lightGallery.js"></script>
# imagePreview.html
<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>
<script type="text/javascript">
lightGallery(document.getElementById('lightgallery'));
</script>
或
<script type="text/javascript">
$(document).ready(function() {
$("#lightGallery").lightGallery();
});
</script>
最新文章
- java进程占用CPU资源过高分析脚本
- 如何扩大LVM 逻辑分区的大小?
- 单例模式getInstance()
- QTableWidget的美化
- 发现前端框架 bui-min.js
- [LightOJ1004]Monkey Banana Problem(dp)
- ionic中极光推送的集成
- 刷新 tableview
- SSH2.0编程 ssh协议过程实现(转)
- 视频文件列表hover添加视频播放按钮
- python selenium 模块
- 【推荐】使用Ultrapico Expresso学习正则表达式
- C++ 友元函数总结
- 根据友盟统计错误分析线上的崩溃-b
- springmvc事务回滚失效
- 基于R语言的结构方程:lavaan简明教程 [中文翻译版]
- 【Linux】排序命令uniq
- xtrabackup备份之增量备份(二)
- MongoDB - MongoDB CRUD Operations, Insert Documents
- OpenSSL学习笔记