跳转到主要内容
你行网

Main navigation

  • 首页
  • Drupal
  • 编程与开发
  • 数据库
  • 操作系统与应用
  • 服务器与运维
  • 社区
User account menu
  • 登录

面包屑

  1. 首页

Colorbox 模块简介说明

由 hrs, 13 十一月, 2024

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。

下载地址:

https://www.drupal.org/project/colorbox

  • 登录或注册以发表评论
来源
drupal
内容类型分类
技术文章
文章归类
drupal cms

文章标签

  • 模块(module)

评论

文章标签

Excel
CSS
ubuntu
php
vim
五笔
VPN
Linux
command
drupal 8
HTML
drupal 7
centos
composer
Mysql
模块(module)
drush
Drupal
JavaSrcipt
apache
英语
drupal 9
nerdtree
荔壳风
network
果树种植
surround
drupal10
SEO
主题(theme)
更多

相关文章

  • 因权限问题导致drupal cms 无法正常安装,那么该如何解决这个问题
  • kvm虚拟机启动失败:default网络未激活
  • ubuntu 安装kvm 虚拟机
  • foreach 是 PHP 循环语句使用方法
  • implode() 函数的定义和用法
  • Drupal 11 主题制作教程
  • 检查 Composer 是否为官方源
  • 在 Drupal 中权重(Weight)是怎样排序的
  • 解决 Drupal 主题缺失问题
  • 为什么学习php 会一边学,一边忘
RSS源

友情链接 网站地图 版权信息 联系我们 网址导航 社区

Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号