ShadowBox 是一个非常优秀的全能弹出层 JS 类库,支持多种调用接口及目前网路上常见的各种资源和媒体,具体下面我会简单介绍一下 shadowbox for drupal 的安装方法和支持的媒体列表。但目前有个小问题是如果在中文 Drupal 站点上安装 Shadowbox 模块后会发现无法正常工作,其原因是 Drupal 使用 IETF 标准的 zh-hans 及 zh-hant 标识简体和繁体中文而在 Shadowbox 中则使用旧的 zh-CN 及 zh-TW 来标识简体和繁体中文,了解了原因之后解决方法也变的简单了……
一、首先是 ShadowBox for Drupal 模块的具体安装方法:
1、分别下载 ShadowBox for Drupal 模块及 ShadowBox 库;
2、解压缩释放 ShadowBox 库中所有的文件到站点的目录 \sites\all\libraries\shadowbox\ 然后释放 ShadowBox for Drupal 模块的所有文件到站点的 \sites\all\modules\shadowbox\ 目录;
3、在站点管理模块功能里开启 ShadowBox 模块即可,使用可以在 CCK 的字段里面设置但我个人推荐自己写选择器直接加到节点上。
二、然后是修改 ShadowBox JS 文件在中文 Drupal 正常使用:
本文开始就简单描述了 ShadowBox 在中文 Drupal 中为什麽无法正常使用,了解了原因自然解决方法也就简单了,这里我是将站点目录 \sites\all\libraries\shadowbox\languages\ 下的 shadowbox-zh-CN.js 文件复制一份重命名为 shadowbox-zh-hans.js 然后将该文件里面的 zh-CN 修改成 zh-hans 即可,繁体中文可以复制 shadowbox-zh-TW.js 为 shadowbox-zh-hant.js 之后做相应修改即可。
三、附带一些 ShadowBox 的链接资源及所支持的浏览器和媒体:
Shadowbox is a JavaScript modal media viewer application for viewing images, video, Flash and other content in a modal window.
Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.
ShadowBox JS:http://www.shadowbox-js.com/
ShadowBox JS down:http://www.shadowbox-js.com/download.html
ShadowBox for Drupal:http://drupal.org/project/shadowbox
ShadowBox Support Media:Images (png, jpg, jpeg, gif, bmp) Video (avi, mpg, mpeg) Quicktime (dv, mov, moov, movie, mp4) Windows Media Player (asf, wm, wmv) Flash (swf, flv) IFrame (asp, aspx, cgi, cfm, htm, html, pdf, pl, php*, phtml, rb, rhtml, shtml, txt, vbs) …
ShadowBox Support Browsers:Internet Explorer、Firefox、Safari、Chrome、Opera …
可以看出 ShadowBox 所支持的媒体类型远超过其他所有同类的 JS 类库如 LightBox ThickBox 等等,当然体积也比其它类库要大,但借由这一个方案就可以兼容的解决站点上所有的弹出层媒体,所付出的代价当然是非常值得的。
0312-2010 这里更新一下:目前最新的 ShadowBox for Drupal 已经不需要修改任何代码了,直接把文件放置到相应位置即可直接使用,需要注意的是一定要注意 drupal 模块网站上所标注的版本对应信息如:Shadowbox 5.x-2.0 works with Shadowbox 2.0 Full 以及 Shadobwox 6.x-4.x works with Shadowbox 3.0.x 等等信息,如果你的站点没有使用最新的搭配模式可能仍需要按照上面的方法修改一定的代码……
我也是用xampp,握个爪 O(∩_∩)O~
呵呵,有点迷糊了。毕竟接触drupal时间不长,慢慢尝试去咯。
p.s. windows平台上面apache跑起来太消耗内存,要1G+才比较顺畅,换nginx看看。
(⊙o⊙)
搞错了,是配合cck的thickbox,现在还在尝试呢,lightbox、thickbox、shadowbox容易弄混
比起ckfinder,俺更期待shadowbox的使用教程 :-)