首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏影像技术栈

    全功能JavaScript灯箱画廊插件lightgallery.js

    Bower 安装 你可以使用 Bower 包管理工具安装lightgallery: bower install lightgallery.js --save 2. npm 你也能在 npm 上找到 lightgallery : npm install lightgallery.js 3. 使用方法 首先,在 html 头文件<head>中引入lightgallery.css: <head> <link rel="stylesheet" href="css/<em>lightgallery</em>.css "> </head> 然后,在<body>标签结尾引入lightgallery.min.js,如果你想引入其他 lightgallery 的功能插件,你可以将这些插件引入到lightgallery.min.js

    最后,是 JavaScript 调用插件的方式: <script> lightGallery(document.getElementById('lightgallery')); <

    2.6K20编辑于 2022-07-14
  • 来自专栏个人路线

    轻画廊桌面版:Electron 跨平台图片查看器实践与鸿蒙适配

    项目定位:一个基于 Electron 与 Node.js 的现代图片查看器,借助 LightGallery 实现丰富的动效与缩略图体验。 技术焦点:Electron 主进程与渲染进程协作、LightGallery 插件集成、菜单与国际化、打包脚本与签名发布。 渲染层与 LightGallery 集成 app/app.html 引入 LightGallery 的 CSS/JS 与各插件(如 Autoplay、Thumbnail),并在页面中渲染图片容器。 相关项目: LightGallery for web: https://github.com/sachinchoolur/lightGallery jQuery lightslider: https: 资源体积 构建时仅复制必要的 lightgallery 子目录与字体/图片,减少包体。

    28310编辑于 2025-11-29
  • 来自专栏强仔博客

    利用腾讯视频存储视频

    图文过程 先上传一个视频,等待审核完毕,视频加载后,右键复制调试信息 $(document).ready(function(){$(".galleryidpost").lightGallery({ 另一种方法比较简单,新建此html文件,直接浏览器打开 粘贴复制的调试信息,点击读取腾讯视频播放地址即可 $(document).ready(function(){$(".galleryidpost").lightGallery

    8.5K51编辑于 2021-12-21
  • 来自专栏大大的小蜗牛

    Twikoo 集成 Slimbox2 灯箱插件

    浏览 Twikoo 的开发者『iMaeGoo』个人博客的时候,里面有一篇文章 《集成 Twikoo 与 lightGallery 插件,实现评论图片的点击放大》 提到了 Twikoo 集成 lightGallery

    71120编辑于 2022-12-20
  • 来自专栏强仔博客

    文章生成海报没有图片的问题

    $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false

    69930编辑于 2021-12-21
  • 来自专栏强仔博客

    唯美动态404网页

    图片我已上传至仓库并使用jsDelivr CDN加速,各位不用担心,好看各位自取吧 (我已经换了) 网页效果 $(document).ready(function(){$(".galleryidpost").lightGallery

    84230编辑于 2021-12-21
  • 来自专栏强仔博客

    秒去除腾讯爱奇艺优酷视频LOGO

    图文过程 没改之前 $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false

    1.7K20编辑于 2021-12-21
  • 来自专栏强仔博客

    Typecho关闭无用输出

    但是我们在 q6q.cc/feed q6q.cc/feed/comments 还是可以看到这些信息的 $(document).ready(function(){$(".galleryidpost").lightGallery 关闭XMLRPC 这个可以在后台设置里直接关 $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img

    84810编辑于 2021-12-21
  • 来自专栏强仔博客

    恢复Chrome https协议和子域名显示

    suspicious-site-reporter/jknemblkbdhdcpllfgbfekkdciegfboi 更改后就显示 $(document).ready(function(){$(".galleryidpost").lightGallery

    1.3K50编辑于 2021-12-21
  • 来自专栏强仔博客

    网站设置彩色图标(通用)

    $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false 特别注意: 在项目文件夹里面图标变动时(增加,删除等),需要重新生成链接,同时我们的引用也要刷新 $(document).ready(function(){$(".galleryidpost").lightGallery

    1.6K20编辑于 2021-12-21
  • 来自专栏强仔博客

    jsDelivr存储视频.m3u8

    acodec copy -vbsf h264_mp4toannexb qiangzaitest.ts $(document).ready(function(){$(".galleryidpost").lightGallery playlist.m3u8 -segment_time 5 qiangzaitest%03d.ts $(document).ready(function(){$(".galleryidpost").lightGallery

    2.7K20编辑于 2021-12-21
  • 来自专栏强仔博客

    deepin深度系统安装

    $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false

    1.7K10编辑于 2021-12-21
  • 来自专栏雨临Lewis的博客

    Hugo系列(4) - 从Hexo迁移至Hugo以及使用LoveIt主题的踩坑记录

    lightgallery图片相册功能无法使用 在启用了lightgallery功能后无法触发,然后在LoveIt仓库里找到了类似的issue,发现必须使用带标题的图片才能使用相册功能,如下: 1 ! important; } lightgallery启用时,第二次加载页面时图片会变小 该issue可见于lightgallery启用时,图片会显示得很小,是设计如此还是bug#311 这是lazysizes safeHTML -}} {{- end -}}

    参考链接 add more markdown images to gallery when lightgallery is enabled Valine中文文档 How to setup SCSS with Hugo Hugo Release - 0.74.0 lightgallery启用时,图片会显示得很小,是设计如此还是

    2K20编辑于 2022-01-12
  • 来自专栏强仔博客

    最新pycharm不能自动补全且路径中\变成¥的解决方法

    不能自动补全代码,我还以为是我设置问题,仔细看项目路径中\也变成¥,让人头疼,出现的问题如下图 $(document).ready(function(){$(".galleryidpost").lightGallery

    1.4K40编辑于 2021-12-21
  • 来自专栏强仔博客

    国庆中秋特效头像生成

    最后我发现这些人做的软件都这么恐怖么,直接手机暴毒,我下载时间都害怕,还好结果是好的,拆包找到了我自己想要的东西 $(document).ready(function(){$(".galleryidpost").lightGallery

    37720编辑于 2021-12-21
  • 来自专栏强仔博客

    离开和进入html页面时改变title

    prerender preview visibilitychange : 当可见状态改变时候触发的事件 演示截图 $(document).ready(function(){$(".galleryidpost").lightGallery

    2.5K41编辑于 2021-12-21
  • 来自专栏工具客栈

    hugo博客搭建之旅

    # 是否在搜索结果中隐藏一篇文章 hiddenFromSearch = false # 是否使用 twemoji twemoji = false # 是否使用 lightgallery lightgallery = false # 是否使用 ruby 扩展语法 ruby = true # 是否使用 fraction 扩展语法 fraction ` 启用时生效 lightgallery = false locale = "" # # Disqus 评论系统设置 (https://disqus.com = "" path = "" visitor = true commentCount = true # 当 `params.page.lightgallery ` 启用时生效 lightgallery = false # Giscus 评论系统设置 [params.page.comment.giscus]

    1.5K20编辑于 2023-06-26
  • 来自专栏强仔博客

    vConsole 让你在手机上也能轻松调试网页

    $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false

    2.9K20编辑于 2021-12-21
  • 来自专栏Vue中文社区

    动图展示 60+ 个前端常用插件库合集

    lightgallery.js 官网:lightgallery.js Github:lightGallery 一个弹性高、组件化且响应式的灯箱jQuery插件。

    8.1K40发布于 2021-07-05
  • 来自专栏强仔博客

    Typecho实现文章上一篇下一篇功能

    $(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false

    93020编辑于 2021-12-21
  • 领券