Colorbox是一款轻量级的可自定义 jQuery 灯箱插件。此模块允许将 Colorbox 集成到 Drupal 中。
图像、iframe 或内联内容等可以覆盖显示在当前页面上方。
特征
Colorbox 模块:
在实体和视图中充当格式化程序。
与核心图像字段、图像样式和插入模块完美集成
在默认样式和包含的其他多种样式之间进行选择。
使用主题中的自定义 Colorbox 样式来设计 Colorbox。
Drush 命令,drush colorbox-plugin,在 sites/all/libraries 中下载并安装 Colorbox 插件。
Colorbox插件:
兼容:Firefox、Safari、Chrome、Opera、Internet Explorer 7+ 中的 jQuery 1.3.2+
支持照片、分组、幻灯片、ajax、内联和 iframe 内容。
轻量级:10KB JavaScript(gzip 压缩后小于 5KB)。
外观通过 CSS 控制,因此可以重新设置样式。
可以通过回调和事件挂钩进行扩展,而无需改变源文件。
完全不引人注目,选项在 JS 中设置,不需要更改现有的 HTML。
预加载照片组中即将显示的图像。
目前已有超过 200 万个网站使用。
根据 MIT 许可证发布
该插件必须单独下载。
支持 HTML 字幕
如果您希望在 Colorbox 字幕中使用 HTML,您还必须下载并安装DOMPurify库。此库是可选的。如果您不安装它,所有字幕都将转换为纯文本。
Drupal 8 的 Colorbox
Drupal 8 的 Colorbox 是一个图像字段格式化程序,仅此而已。可以在 contrib 中找到colorbox_load和colorbox_inline等额外功能。
如果您正在使用 DOMPurify 库,则可以使用安装该库。它会在 中查找该库。drush colorbox:dompurifylibraries/DOMPurify/dist/purify.min.js
Drupal 7 的 Colorbox
Drupal 7 的安装
正常下载并安装Libraries API 2模块和 Colorbox 模块。然后下载 Colorbox 插件。确保使用 1.x 分支,因为它将保持与旧 jQuery 版本的向后兼容,例如 Drupal 中包含的版本。
下载 Colorbox 插件 1.x
解压并将插件目录重命名为“colorbox”,并将其放在“sites/all/libraries”目录中。确保插件文件的路径变为:“sites/all/libraries/colorbox/jquery.colorbox-min.js”
如果您还使用 DOMPurify 库来支持 HTML 字幕,请将其安装在:
sites/all/libraries/DOMPurify/purify.min.js
彩色框截屏
第 1 至 3 部分适用于 Colorbox 模块的旧版本 7.x-1.x。
Drupal 7 的 Colorbox,第 1 部分:安装和图像字段集成,来自 Vimeo
Drupal 7 的 Colorbox,第 2 部分:使用 Vimeo 上的插入模块内联图像
Drupal 7 的 Colorbox,第 3 部分:构建图像库和图像幻灯片。
贡献的截屏视频:
Code Karate 的Drupal 7 Colorbox 模块
使用 Drupal 7 和 High Rock Media 的Colorbox 创建并主题化节点照片库。
如何在 Drupal 7 中通过 CMS 快速入门构建 Lightbox 作品集
扩展 Colorbox 的模块
字段组颜色框- 为颜色框触发器和颜色框弹出窗口提供字段组。
Colorbox 节点- 在 Colorbox 中打开节点和 Web 表单。
colorbox 模块的字段格式化程序
媒体 Colorbox - 将 Colorbox 与媒体模块集成。
内置支持 Colorbox 的模块
视频嵌入字段
嵌入式媒体字段(在设置中启用 Colorbox 加载。)
媒体库(使用相同的 Colorbox 插件但有自己的集成代码。)
现场幻灯片
Flickr
基于目录的组织层
通过Gallery Assist Lightboxes 实现 Gallery Assist
图库格式化程序
获取路线
谷歌
图像选择器
Imagecache javascript 裁剪
Ubercart
光滑的旋转木马
依赖项
所有版本:Colorbox 插件 1.x
8.x:安装在库目录中,因此路径变为“libraries/colorbox/jquery.colorbox-min.js”
7.x 及更早版本:安装在 sites/all/libraries 目录中,因此路径变为“sites/all/libraries/colorbox/jquery.colorbox-min.js”
仅限 Drupal 7.x-2.x:库 API 2
仅限 Drupal 6:Colorbox 插件的旧版本 1.3.18和jQuery 更新模块版本 6.x-2.0-alpha1 或更高版本
您需要从上述网站下载 Colorbox 插件,git repo 不包含压缩版本,因此无法使用。下载和安装插件的最简单方法是通过内置的 Drush 命令 drush colorbox-plugin。
下载地址:
评论