Передача пользовательских данных в галерею изображений FancyBox

Question

Я создаю стандартную галерею изображений с помощью FancyBox.На странице показан список миниатюр, которые связаны с большими версиями, которые появляются в FancyBox.Я хочу передать еще один URL-адрес FancyBox, чтобы он отображал ссылку на версию изображения в полном разрешении.

Я вижу, что одним из способов будет добавление дополнительного содержимого в атрибут заголовка ссылки и анализэто в функции titleFormat.Тем не менее, это могло бы испортить всплывающие подсказки в миниатюрах.

Есть ли другой способ передать дополнительные данные, которые мне нужны, в FancyBox?Кстати, есть ли способ получить доступ к URL-адресу изображения, отображаемого в FancyBox, из которого можно вывести URL-адрес к изображению в полном разрешении?

Спасибо.

Answer 1

В этом случае мне удалось вывести URL-адрес полноразмерного изображения из предварительного просмотра. Параметры currentArray и currentIndex функции titleFormat дали мне то, что мне было нужно.

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, "");
}

Answer 2

Вы можете добавить свой собственный контент, например $('#fancybox_div').fancybox('<img src="1.jpg" />') и т. Д.