README

Colorbox 是一个轻量级可定制的 jQuery lightbox 插件。更多信息请见 http://www.jacklmoore.com/colorbox

本模块为 SilverStripe 页面提供 colorbox 功能，包括

照片画廊
YouTube 视频

维护者联系方式

Jeremy Shipman (Jedateach jeremy@burnbright.net)

安装

将 colorbox 目录放入您的 SilverStripe 根目录。

文档

通过为链接添加适当的 'class' 或 'rel' 属性来触发 Colorbox。如果您在 editor.css 文件中定义了类，它们应该在 TinyMCE 样式下拉菜单中显示。

给链接添加标题/描述将在框中显示为标题。

照片

<a class="photo" href="myphoto.jpg" title="My photo"><img src="myphoto_thumb.jpg"></a>

<a href="myphoto1.jpg" rel="slide"><img src="myphoto1_thumb.jpg"></a>
<a href="myphoto2.jpg" rel="slide"><img src="myphoto2_thumb.jpg"></a>

YouTube

<a class="youtube" href="http://www.youtube.com/watch?v=hMDhyDFqtz8">Watch video</a>

任何类型的 YouTube 链接都应该可以工作。

自定义样式

可以自定义 Colorbox 的外观。您需要创建自己的主题文件。

主题
- currenttheme_colorbox
  - css
    - colorbox.css
  - images
    - ...适当的图片...

可以从 Colorbox 原始下载页面获取一些示例主题：http://www.jacklmoore.com/colorbox

故障排除

链接跳转到图片/视频，而不是在框中显示

这很可能意味着 JavaScript 出了某些问题。请检查脚本是否确实包含在您的页面中。

框缩小成一个很小的形状。

您可能给链接分配了错误的类。

burnbright / silverstripe-colorbox

维护者

详细信息