預先加載AJAX上的所有圖像Fancybox請求

Question

我有一個鏈接觸發一個AJAX調用以在Fancybox中顯示。要顯示的頁面包含圖像。我希望Fancybox在不顯示Fancybox的情況下加載所有圖像時等待（微調）。

有沒有辦法做到這一點？

使AJAX請求的頁面無法訪問圖像的URL。

謝謝！

Answer 1

你基本上需要在fancybox中有一些微調圖像的div加載。

然後使用.load(url, callback() { });，並且在回調函數中，一旦內容加載完畢，就隱藏加載div。

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