Fancyboxを使用してギャラリーを1つだけロードする

Question

私のウェブサイトでは、1つの画像を使用してギャラリーをロードしています。 Fancyboxの古いバージョンでは、.jsファイルを使用してイメージをロードしていましたが、うまくいきました。新しいものでは、私はイメージを隠さなければならず、ユーザーが私のウェブサイトにアクセスすると、すべての単一のイメージが読み込まれます。

どうすればいいですか？ユーザーは、訪れているギャラリーから画像をロードするだけです。

あなたがここに私のウェブサイトを見てすることができます：http://www.mogm.nl/2011.html

Answer 1

をあなたは隠された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を使用すると、常に各ギャラリーのコンテンツを動的に読み込むことができますが、いずれの場合でも隠しファイルdivまたは外部ファイルのいずれかに画像へのリンク参照を設定する必要があります。もしあなたが2番目の選択肢を好むなら私に教えてください。私はすでにそれを持っているスクリプトを投稿します。