跳转到主要内容
你行网

Main navigation

  • 首页
  • 文章
  • 教程
  • 视频
  • 下载
  • 社区
  • 网站导航
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

标签

  • 模块(module)
  • 登录或注册以发表评论
来源
drupal

评论

相关文章

colorbox 模块安装和使用教程
Permissions by Term 按期限划分的权限模块
Ffmpeg Image Toolkit Ffmpeg 图像工具包模块
Media Thumbnails Video 视频媒体缩略图模块
druapl 垃圾箱模块 trash
drupal Points 积分模块
Actions UI 模块介绍
drupal分类标签多级选择模块
Pathauto 模块 简介
token 模块简介
Chaos Tool Suite (ctools) 模块简介
创建个人资料页面:使用Drupal Profile模块的步骤
drupal9 利用pathauto模块实现自动路径功能
drupal9 使用Menu Per Role 模块对用户菜单加以控制
Drupal 7 默认模组 color 颜色模块
Drupal 7 默认模组 Book 图书模块
Drupal 7 默认模组 Blog 博客模块
Drupal 7 默认模组 Block 区块模块
Drupal 7 默认模组 Aggregator 聚合器模块
Drupal7 默认模块启用和禁用表

文章标签

CSS
Excel
ubuntu
php
五笔
vim
Linux
HTML
command
drupal 7
composer
centos
Mysql
drupal 8
模块(module)
VPN
drush
JavaSrcipt
apache
drupal 9
英语
Drupal
SEO
nerdtree
network
果树种植
surround
drupal10
主题(theme)
phpmyadmin
ssh
权限
yum
二进制
声音
ssl
selinux
HTML5
用户
password
Dreamweaver
flameshot
颜色
翻译
uploadprogress
DDEV
视图(views)
firewalld
gzip
快捷键
kernel
xdebug
错误
ckeditor
mbstring
C语言
源地址
简介
php扩展
电脑基础
certbot
git
apt
压缩解压
表单
电子秤
httpd
WireGuard
邮件验证
breadcrumb
AI
superfish
diff
重定向
网站备份
摄影
tagclouds
docker
java
csharp
短信验证
adsense
drupal9
电脑技巧
simple_adsense
算法
RSS
youtube
版本号
JavaScript
badblocks
端口
cookie
VUE
网站运营
计算机基础
gimp
form
mod_expires 模块
nginx
zip
http验证
重定向,301
curl
netstat
input
赚钱
ip
dns
RFID
标签优化
drupal11
maven
drupal 11
npm
哈希值
字段
更多
RSS源
本站由阿里云强力驱动,幸运券优惠链接
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号