如何使用Lightbox 2(4)

检查 Lightbox 的实际效果

接下来仅需将更改保存到 HTML 并加载（或重新加载）图片库。单击图片，它就会以动画的形式在 Lightbox 中打开，并且是全尺寸的。查看图 5，看看在 Firefox 浏览器中的显示效果如何。

图 5. 使用 Lightbox 的图片库

每个图片都出现在一个优美的、高对比度的框中。其余的图片变暗，突出了选中的图片。当然，这里还有一个方便的 “Close” 按钮，单击该按钮就能回到主图片库。

回页首

图片分组

尽管初始的（默认的）Lightbox 已经相当不错，但 Lightbox 还有很多其他功能。最常用的功能是图片分组。下面以示例图片库为例进行讲解。要查看下一个图片，必须先关闭当前图片再单击下一个图片。但这有点不像 “图片库”。在真正的图片库中，您可以直接浏览下一个图片。还好，Lightbox 提供了类似的功能。 为图片分组

对于要分组的图片，只需在 rel=\ 后添加一个组名。将组名添加到方括号中（[ 和 ]），这会把所有内容包含到引号中。现在，让我们将示例中的所有图片放到名为 “gallery” 的组中。清单 7 给出了需要更改的地方。

清单 7. 将页面上的所有图片分组