jquery - AJAXFancyboxリクエストですべての画像をプリロードします

Question

AJAX呼び出しをトリガーしてFancyboxに表示するリンクがあります。表示するページに画像が含まれています。Fancyboxを表示せずにすべての画像が読み込まれるまで、Fancyboxを待機（スピナー）させたいのですが。

これを行う方法はありますか？

AJAXリクエストを行うページは、画像のURLにアクセスできません。

ありがとう！

Answer 1

基本的に、ファンシーボックスにスピナーイメージを含むある種のdivロードが必要です。

次に.load(url, callback() { });、を使用し、コールバック関数内で、コンテンツの読み込みが完了したら読み込み中のdivを非表示にします。

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