私のウェブサイトでは、1 つの画像を使用してギャラリーを読み込みます。古いバージョンの Fancybox では、.js ファイルを使用して画像をロードしましたが、問題なく動作していました。新しいものでは、画像を非表示にする必要があり、ユーザーが私の Web サイトにアクセスすると、すべての画像が読み込まれます。
どうすればそれを防ぐことができますか? ユーザーは、アクセスしているギャラリーからのみ画像をロードする必要があります。
ここで私のウェブサイトを見ることができます: http://www.mogm.nl/2011.html
非表示のすべての画像をロードする必要はありませんdiv（そのための使用はありません）。アンカーのみをロードするため、次のようになります。
<div style="display:none">
<a class="fancybox" rel="Rhodos11" href="http://www.mogm.nl/bilder/2011/rhodos11/rhodos1101.jpg"><img src="http://www.mogm.nl/bilder/2011/rhodos11/rhodos1101.jpg" /></a>
... etc
これに減らすことができます：
<div style="display:none">
<a class="fancybox" rel="Rhodos11" href="http://www.mogm.nl/bilder/2011/rhodos11/rhodos1101.jpg"></a>
... etc
これにより、読み込みページが大幅に削減されます。
一方、いつでも各ギャラリーのコンテンツを動的にロードするために使用できますが、非表示または外部ファイルajax内のいずれかの場合に画像へのリンク参照を設定する必要があります. div2 番目のオプションをご希望の場合はお知らせください。そのためのスクリプトを投稿します。