Javascript 将自定义数据传递到FancyBox图像库

我正在使用FancyBox创建一个标准图像库。该页面显示链接到FancyBox中出现的更大版本的缩略图列表。我想传递一个进一步的URL到FancyBox，这样它将显示一个指向图像完整res版本的链接

我可以看到一种方法是向链接的title属性添加额外的内容，并在titleFormat函数中解析出来。但是，这会破坏缩略图中的工具提示

是否有其他方法将我需要的额外数据传递到FancyBox？ 提醒一下，有没有一种方法可以访问FancyBox中显示的图像的URL，从中我可以推断出完整分辨率图像的URL

---

谢谢。

您可以添加您自己的内容，如

$（''#fancybox_div'）。fancybox（''）

等等。

在这种情况下，我可以从预览中推断出完整大小图像的URL。titleFormat函数的currentArray和currentIndex参数提供了我所需要的

function doFancyBox() {
    $('a[rel=imageGroup]').fancybox({
        'titlePosition': 'inside',
        'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
            return "<span class=\"Title\">" + title + "&nbsp;&nbsp;:&nbsp;&nbsp;<a href=\"" + inferFullSizeFromUrl(currentArray[currentIndex]) + "\">Full Size Image</a></span>";
        }
    });
}

function inferFullSizeFromUrl(url) {
    var str = url.toString();
    return url.replace(/_preview/i, "");
}

函数doFancyBox（）{
$（'a[rel=imageGroup]'）。fancybox({
“标题位置”：“内部”，
“标题格式”：函数（标题、currentArray、currentIndex、currentOpts）{
返回“+标题+”：“；
}
});
}
函数inferFullSizeFromUrl（url）{
var str=url.toString（）；
返回url.replace（/_preview/i，“”）；
}

所以我需要为页面上的每个缩略图调用fancybox函数？它还会用next/back按钮连接图像吗？您可以在

.fancybox（）

方法中传递一批标记，因为我记得它不会破坏next/back导航。我正在尝试以下代码：

函数doFancyBox（）{$（'a[rel=imageGroup]'）。fancybox（'Hello
'），{'titlePosition'：'inside'，'titleFormat'：函数（title，currentArray，currentIndex，currentOpts）{return”“+title+”；}；

但它不起作用。它只是以默认设置显示图像。但是，我找到了如何使用标题格式功能推断全尺寸图像的url。请参阅我的答案。