Web サイトには、各ページに読み込む画像が約 40 ~ 50 個あります。デフォルトで大量の「何も」プリロードせずに、視覚的なブラウザー領域でのみ Web サイトの画像を読み込む最新のクロスブラウザー (ajax?) スクリプトを探しています...誰か良いアドバイスをくれますか?
2 に答える
こんにちは、PHP で画像の遅延ロードを試すことができます。jQuery パッケージを使用してこれを行うことができます。
asp.net を使用して画像のデータリストにロード オン デマンド (遅延読み込み) の概念を適用する方法については、こちらの自分の回答を参照してください。これを行う方法を見つけて、ページの読み込み時に1つの画像のみを読み込み、ユーザーがスクロールダウンしたときに他の画像を読み込みます..
上記の答えは、PHPでも完全に機能するはずです...
http://www.appelsiini.net/projects/lazyload
Lazy Load は、JavaScript で記述された jQuery プラグインです。長い Web ページでの画像の読み込みが遅くなります。ビューポート (Web ページの表示部分) の外側にある画像は、ユーザーがスクロールする前に読み込まれません。これは、イメージのプリロードの反対です。
多くの大きな画像を含む長い Web ページで遅延読み込みを使用すると、ページの読み込みが速くなります。ブラウザは、可視画像をロードした後、準備完了状態になります。場合によっては、サーバーの負荷を軽減することもできます。(以上、サイトより転載)
jQuery の Lazy Load Plugin を試してみてください。私はそれがあなたが説明していることをしていると思います。