0

私のウェブサイトには、FancyBox で開いている複数のギャラリーがあります。構造は次のとおりです: ギャラリーから 1 つの写真を表示し、それをクリックすると、fancybox が開き、fancybox モーダルでそのギャラリーの写真をナビゲートします。

コードは次のとおりです。メインの写真が表示されています

<li><a id="some_id" class="grouped_elements" rel="some_rel" href="some_href"><img src=""></a></li>

そして、そのギャラリーに「属している」同じ属性「rel」を持つ写真:

<li><a id="some_id" style="display:none;" class="grouped_elements" rel="some_rel" href="some_href"><img src=""></a></li>

そのギャラリーに属する写真に「display:none;」を付けました。そのため、ページには表示されませんが、メインの写真をクリックして fancybox を開いたときにのみ表示されます。

これは機能しますが、問題はたくさんの写真があり、ページの読み込みが非常に長いため、「display:none」の写真が読み込まれないようにして、ギャラリーを開いた後に読み込ませる方法はありますか?

編集:言及するのを忘れました、私はfancybox 2.1.5を使用しています

4

2 に答える 2

0

ユーザーが要求するギャラリー/画像を取得するには、AJAX 呼び出しを使用することをお勧めします。これは非同期であり、ページの読み込みには影響しません。成功した応答を受信したら、応答データを使用して $().fancybox() を初期化できます。

于 2013-11-08T11:58:56.497 に答える