3

サイトでfotorama.ioを使用しており、スライダーに大きな画像ギャラリー (60-80) があるため、マニュアルの提案に従い、Lazy Load を使用してすべての画像を一度に読み込まないようにしました。

しかし、画像をブラウズしてすでに 40 個以上の画像に達していると、ブラウザのメモリが過負荷になり、ブラウザの応答が遅くなり始めます。Firefox 用のメモリ再起動プラグインを使用すると、メモリが非常に高く構築されていることがわかります。

遅延読み込みを使用して、たとえば 10 個の画像を保持し、メモリがクリアされるように、目に見えないすべての画像または 10 個以上の画像をアンロードしてアンロードする方法はありますか?

4

3 に答える 3

2

JavaScript で画像を削除しても、ブラウザは画像を読み込みます。以下の例のすべての画像は、すぐにダウンロードされます。

<div class="fotorama">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

JavaScript を使用しないブラウザーを心配しない場合は、HTML を変更して遅延読み込みを有効にします。

<div class="fotorama">
  <a href="1.jpg"></a>
  <a href="2.jpg"></a>
</div>

サムネイルを追加する:

<div class="fotorama">
  <a href="1.jpg" data-thumb="1_thumb.jpg"></a>
  <a href="2.jpg" data-thumb="2_thumb.jpg"></a>
</div>

ここにあるすべての fotorama は、この画像埋め込み方法を使用しています。

于 2015-01-28T16:42:26.443 に答える