7.4.2　创建一个图像集

通常，当我们要把FancyBox应用于一组链接的时候，每个缩略图都当做一幅单独的、不相关的图像来对待。换句话说，如果将FancyBox应用于一组链接，以查看每幅图像的较大版本，访问者首先必须单击一个链接以打开较大的图像，通过单击一个关闭按钮（或者页面中的任何位置）来关闭这幅较大的图像，然后单击另一个不同的缩略图来查看一幅较大的图像，诸如此类。这一个常用的打开和关闭图像的过程，可能很烦人并且很费时间。

一种更好的方式是，将一组缩略图和链接当做一个统一的图像集来对待。访问者单击一个缩略图来打开该图像的一个较大的版本，然后，单击较大的图像上的Next或Previous按钮，在图像集中其他的较大图像之间来回跳转。图7-6所示的FancyBox示例就是以这种方式工作的，注意Next按钮（圆圈圈出来了）。

要创建相关图像的一个图集，直接给＜a＞标签添加rel属性，并且给图像集中的每个图像的rel属性分配同样的值。例如：

＜a href="large_slide1.jpg"rel="gallery"＞

＜img src="slide1.jpg"width="70"height="70"＞

＜/a＞

＜a href="large_slide2.jpg"rel="gallery"＞

＜img src="slide2.jpg"width="70"height="70"＞

＜/a＞

＜a href="large_slide3.jpg"rel="gallery"＞

＜img src="slide3.jpg"width="70"height="70"＞

＜/a＞

有了上面的代码，如果对这3个链接应用FancyBox函数，那么，这些较大的图像会被看做同一图像集的组成部分，从而使你可以在图像之间来回跳转，而不需要先关闭一幅较大的图像然后再单击一个缩略图（你将会在本书7.5节的教程中看到这样的一个示例）。