Question

O，

我遇到了一个非常基本的问题。我在页面的开头运行了一个fancybox弹出窗口，显示了一个图像。我无法将此图片链接到zip文件，因为我已经使用了href属性，但它不会让我更改代码使用

<!-- FANCYBOX POPUP -->
<a class="popupLink" href="http://peoplelikeusmusic.com/images/assets/popupart.jpg"></a>

感谢任何帮助。

Answer 1

首先，您无需使用type:"iframe"来打开图片。

其次，如果您正在使用HTML5 DOCTYPE（您是），那么您可以使用data-*属性将其他信息传递给fancybox，以便它可以在回调中执行其他操作。

因此，您的 html 可以包含指向图像（href属性）的链接以及指向 zip 文件的链接data-*属性，如：

<a class="popupLink" data-zip="http://mysite.com/pathToZip/file.zip" href="http://peoplelikeusmusic.com/images/assets/popupart.jpg"></a>

然后使用afterShow fancybox回调通过window.location.href加载 zip 文件，例如

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

参见 JSFIDDLE

Fancybox简单的href麻烦

1 个答案: