我正在努力使我的fancybox 2应用尽可能高效......
目前，我有这个HTML标记：
<a class="fancybox" href="cont/intra_1.jpg" data-fancybox-group="dd-intrascan-gal" title="Zfx Intrascan"><img src="cont/intra_1.jpg" alt="" /></a>
<a class="fancybox" href="cont/intra_2.jpg" data-fancybox-group="dd-intrascan-gal" title="Zfx Intrascan"><img src="cont/intra_2.jpg" alt="" /></a>
<a class="fancybox" href="cont/intra_3.jpg" data-fancybox-group="dd-intrascan-gal" title="Zfx Intrascan"><img src="cont/intra_3.jpg" alt="" /></a>
<a class="fancybox" href="cont/intra_4.jpg" data-fancybox-group="dd-intrascan-gal" title="Zfx Intrascan"><img src="cont/intra_4.jpg" alt="" /></a>
<a class="fancybox" href="cont/intra_5.jpg" data-fancybox-group="dd-intrascan-gal" title="Zfx Intrascan"><img src="cont/intra_5.jpg" alt="" /></a>
这是相当冗长的并且两次引用相同的图像，一次用于缩小CSS的缩略图，一次用于完整图像（这是有意义的，因为它是离线的演示工具）。
然后我将这个JS应用到它（我缩短了配置，因为它与问题没有特别的关联）：
$('.fancybox')
.fancybox({
helpers : { title : { type : 'over' } }
}
});
这将打开一个fancybox弹出窗口，我可以在其中滑动“dd-intrascan-gal”组中的所有图像。
我想做的是这种加价：
<img class="fancybox" src="cont/intra_1.jpg" rel="dd-intrascan-gal" title="foo">
<img class="fancybox" src="cont/intra_2.jpg" rel="dd-intrascan-gal" title="foo">
<img class="fancybox" src="cont/intra_2.jpg" rel="dd-intrascan-gal" title="foo">
<img class="fancybox" src="cont/intra_2.jpg" rel="dd-intrascan-gal" title="foo">
通过某种功能或内置的fancybox 2选项来完成剩下的工作...... 可以选择编写一个特定的函数并在初始化fancybox之前运行它，但也许有一个更容易的选项内置我无法找到？