Drupal 7 Colorbox

主标签

投票加载中...
Drupal 7 Colorbox

Colorbox 是一个轻量级漂亮jQuery弹出层插件,

1. 自定义不同的显示样式.

2. 可以显示图片

3. iframed的或内嵌的内容

需要: libraries API

 

安装与配置: 

在使用Colorbox之前需要下载Colorbox库到本地sites/all/libraries目录

1. Colorbox 支持Drush下载

 drush colorbox-plugin 

2. 手动下载 Colorbox 并放到sites/all/libraries, 最后的目录应该是

sites/all/libraries/colorbox

sites/all/libraries/colorbox/jquery.colorbox-min.js

 

模块案例: 

Colorbox基本配置

进入到配置页面(admin/config/media/colorbox)

在图片字段中使用Colorbox

我边我们以article内容类型为案例

1. 进入到article字段管理(admin/structure/types/manage/article/fields)

2. 进入到字段显示管理(admin/structure/types/manage/article/display)

3. 选择Colorbox显示方式.

 

4. 修改默认Colorbox配置

5. 这里用到了多个图片样式(自定义图片样式admin/config/media/image-styles).

 

效果展示

添加一个article内容并且上传图片(node/add/article).我这里上传了多张图片.如果你的不支持多图上传.请编辑Image字段并且在Number of values选择Unlimited

模块下载: 
文件加载中...