Fancybox простые проблемы с href

O,

У меня есть действительно основная проблема, с которой я столкнулся. Я запускаю всплывающее окно fancybox в начале моей страницы, которое показывает изображение. Я не могу сделать это изображение ссылкой на zip файл, потому что Ive уже использовал атрибут href, но он не позволит мне изменить код для использования

<!-- FANCYBOX POPUP -->

Любая помощь приветствуется.

1 ответ

Во-первых, вам не нужно использовать type:"iframe" для открытия изображений.

Во-вторых, если вы используете HTML5 DOCTYPE (вы), то вы можете использовать data-* для передачи дополнительной информации в fancybox, чтобы он мог выполнять дополнительные действия в обратном вызове.

Таким образом, ваш html может содержать ссылку на изображение (атрибут href) и ссылку на zip файл в data-* например:

Затем используйте обратный вызов afterShow fancybox для загрузки zip файла через window.location.href например

$(document).ready(function () {
 $(".popupLink").fancybox({
 padding: 3,
 afterShow: function () {
 window.location.href = $(this.element).data("zip");
 }
 });
 setTimeout('$(".popupLink").trigger("click")', 100);
}); // ready

См. JSFIDDLE

licensed under cc by-sa 3.0 with attribution.