Javascript 使用具有不同DOM结构的fancybox

我希望能够使用具有以下DOM结构的fancybox

<div>
 <img src="smallImageSource" rel="bigImageSource">
 <img src="smallImageSource" rel="bigImageSource">
 <img src="smallImageSource" rel="bigImageSource">
<div>

---

我想在rel属性或任何其他数据属性中提供大图像源。

与其改变fancybox读取它的方式，不如创建一个javascript，将dom结构转换为fancybox喜欢的方式

例如：

$('img').each(function () {
$this = $(this);
$this.wrap('<a href="'+$this.attr('rel')+'"></a>');
$this.removeAttr('rel');
});
// run fancybox

$（'img'）。每个（函数（）{
$this=$（this）；
$this.wrap（“”）；
$this.removeAttr（'rel'）；
});
//运行fancybox

为什么不应用一个容器，其中包含一个专门用于fancybox的类

---

然后，您可以将样式中的元素作为fancybox专用样式的目标（p>1）为什么？2） 如果fancybox文档中没有提到它，它将无法工作。除非您循环遍历每个元素并将其包装在一个

a

元素中，其中包含链接。我已经将其与锚一起使用，但在sametime中使用相同结构的其他元素存在一些问题。这就是为什么我希望能够使用不同的结构。这只是一个建议。我知道这一点，但我完全有理由这样做。