0


0

cssオーバーフローでdivの画面にある画像のみをロードする

overflow:autoが設定された1000個の画像を含むdivがあります。 高さはわずか100ピクセル、幅は約80000ピクセルです。 これは正常に機能しますが、実際に画面上にある画像のみをロードするため、ユーザーが左右にスクロールすると画像がロードされます。

2 Answer


1


lazy loaderプラグインをお探しですか? 著者が「最新の」ブラウザでは動作しないと主張しているので、より新しいフォークを見つけることができれば、それが最善でしょう。 私が最後にテストしたのは(今年の初めに)IE6以外のすべてでうまく動作しました。 著者がIE8 / IE9に言及しているのではないかと思います。


1


@slee、これにはさまざまな解決策があります。

この種のことにはjcarausalプラグインを使用できます

私のプロジェクトでは、4つの画像を表示し、それらの画像のみをロードします。ユーザーがnextまたはpreviousをクリックすると、次の4つの画像を取得し、srcとidを交換します。

すべての画像はhttpリクエストであるため、これにより明確にパフォーマンスが向上します…​

httprequestsを減らすとパフォーマンスが向上します