画像ギャラリーがあります。これは highslide を利用しており、ページにはサイズ変更された画像のプレビューが含まれています (たとえば、100x100 ピクセル、プレビューをクリックするとフルサイズの画像が表示されますが、それは重要ではありません...)。
画像はユーザーによってギャラリーにアップロードされます。問題は、ある時点で、1 ページに約 100 枚の画像 (= プレビューのために Web ブラウザーでサイズ変更する必要がある 100 枚の画像) があり、ページの読み込みが非常に遅く、常にフリーズすることです。 .
Q1: たとえば、最初の 40 枚の画像 (ファイルの最初の 40 行) を表示し、他の画像が読み込まれない JavaScript はありますか? [次へ] をクリックすると、40 ～ 80 枚、次に 80 ～ 120 枚の写真が表示されます... このようなことが可能かどうかさえわかりません。
Q2: または、現在表示されている画像のみを読み込む JavaScript はありますか? 私はそれを見つけました、それはうまくいきますが、ギャラリーの最後までスクロールすると、すべての画像が私の視点を通過しているので、すべて読み込まれます...そして再びフリーズします.
Q3: または、ページを自動的にタブ (ファイルの長さが定義された各タブ) に分割するスクリプトはありますか?
すべての解決策に感謝します!
/EDIT To: Frits van Campen Lazy Load - http://www.appelsiini.net/projects/lazyloadを試しましたが、タブに分割する方が便利です。
//EDIT TO：Mörre画像がすでにサイズ変更されてサーバーに保存されている場合ははるかに優れていることはわかっていますが、元のサイズの画像がサーバーに保存されていないか、それらのsrcアドレスしかありません。