Shadowbox 是一个在线媒体展示程序,由 Michael J. I. Jackson 开发,支持互联网上大多数媒体格式。Shadowbox 基于 JavaScript 和 CSS 编写,高度可定制。Shadowbox Media Viewer 插件由 SoftForge 开发,功能是将 Shadowbox 的功能引入 Joomla! 平台。
Shadowbox 特效类似 Lightbox,但是更漂亮。通俗的讲:网站添加 Shadowbox 功能之后,点击小图,在弹出大图同时,周围背景变暗,突出弹出内容展示。
Shadowbox 不仅能展示图片,也能支持音频、视频的播放,以及在弹出窗口中展示指定 URL 的网页内容。
提示:
Joomla! 的编辑器在 WYSIWYG 模式下不能直接向链接(A 元素)添加/编辑 rel 属性,必须切换到 HTML 源代码模式才行。
1、最简单地设置某个链接使用 Shadowbox 效果打开的方法是向该链接添加 rel="shadowbox" (或者 rel="lightbox") 属性。例如:
Image
2、如果要给图片显示标题,只需给链接添加 title 属性即可,例如:
Image
3、如果要用多个链接组成一个图库,就在 rel 属性中的 shadowbox 这个词后面紧跟一对方括号,里面写上图库名称即可。例如:
The Beach The Pier
4、当你想展示的不是图片,而是网页内容或影片时,你可能需要限制一下弹出窗口的大小。那么可以在 rel 属性末尾添加几个参数(英文分号分隔)来指定影片的高度和宽度(单位:像素)。例如:
点此观看影片