遅延読み込み<img>または背景画像

Question

私のアプリでユーザーのリスト、jQuery-UI accordionがあります。それは良いようだが、問題は、各アコーディオンにユーザーのアバターが含まれていることです。

以前はこれまでと同じでしたが、今は背景画像を設定しました。今では、多くのユーザーがサイトに存在しています。このページは1 MBのデータであるため、削減する必要があります。

画像が表示されたときにのみ読み込まれることを確認する簡単な方法はありますか？

Answer 1

ありjqueryのための遅延ロードプラグインは、ここでは、 あるhttp://www.appelsiini.net/projects/lazyload/enabled.html は、あなたがこのような何かを探しているデモのですか？

Answer 2

このようなものが動作します。それが私の場合は、DOMの読み込みが完了した後にすべてロードするだけです。

$(this).on('click', function(event) { 
    var img = document.createElement('img'); 
    img.src = 'http://...'; // Whatever the source is. I would store it in as data attribute in 'this'. 
    this.appendChild(img); 
})