私のウェブサイトには、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を使用しています