Jquery PHPスクロールの問題。 div内の画像を検出する方法は？

Question

私はajaxを使用してphpとjavascriptでコード化された叫びボックスを持っており、画像がshoutboxの中に読み込まれるときにshoutboxのスクロールに問題があります。 新しいシャウトが一番下に追加され、下にスクロールします。

問題：画像が投稿されると、シャウトボックスは画像の下にスクロールしません。 理由：画像が掲載されています。スクロールが既に起動されている場合、画像は完全に読み込まれ、CSSの最大サイズに拡大されます。 この場合、手動で下にスクロールして完全な画像を表示する必要があります。

私は現在

$(window).load(function() { 
tbSingleScroll(); 

を使用しています}）;

この問題は...ページを変更するときにのみ機能し、すべての画像がページ全体の読み込みを完了するまで待つ必要があります。

シャウトボックスに表示される可能性のある小さな画像/スマイリーと比較して、かなりの種類です。

私はこの問題を私が覚えているよりもずっと長く解決しようとしています。 これに関する助けがあれば驚くはずです。

Answer 1

http://blog.endpoint.com/2011/03/lazy-image-loading-jquery-javascript.htmlをお探しですか？

Answer 2

すべてのshoutboxイメージにloadイベントを添付し、読み込んだ量を計算し、その後に寸法を変更するかスクロールダウンするカウントを追加します。

例えば：

var shoutbox_img_count = $('#shoutbox').find('img').size(); 
var shoutbox_loaded_count = 0; 

$('#my_shoutbox').find('img').load(function() { 
    shoutbox_loaded_count++; 
    if (shoutbox_loaded_count == shoutbox_img_count) { 
     // Do a scroll here 
    } 
}); 

それとも 新しいノードが作成されたときに、自動的に画像がまだこれは