跳转到主要内容
你行网

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)

评论

文章标签

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

相关文章

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

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

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