jquery - 预加载 AJAX Fancybox 请求中的所有图像

Question

我有一个链接可以触发 AJAX 调用以显示在 Fancybox 中。要显示的页面包含图像。我希望 Fancybox 在加载所有图像而不显示 Fancybox 时等待（微调器）。

有没有办法做到这一点？

发出 AJAX 请求的页面无权访问图像的 URL。

谢谢！

Answer 1

您基本上需要在fancybox 中加载某种带有微调器图像的div。

然后使用.load(url, callback() { });, 并在回调函数中，在内容完成加载后隐藏正在加载的 div。

$('#fancyWindow').load('whatever.html', function () {
    $('#loadingSpinner').hide();
});