Окончание строллинга

[tarya]

Добрый день.

У меня есть небольшой редактор текста. В нем есть возможность вставки изображений. Когда делаешь выбор картинки загружается через ajax превьюшки картинок. Выбираешь какую хочешь и готово.

Но на одном сайте загрузили уже 700 картинок и как то оно не очень правильно я считаю. Хотелось бы загружать например первые 50 штук, а далее если пользователь делает скроллинг (а он есть так как превьюшки по 2 в ряд) и достигает "низа" - то срабатывало бы событие и догружаешь еще 50 и так далее как в Гулг-картинки.

Итого - как определить что достигли конца div или картинок.

Спасибо за ваши советы.

Сорри в заголовке темы описался, исправить не могу.

[devote]

<div style="border: 1px solid #000; height: 300px"></div>
<script>
    window.onscroll = function() {
        if (document.body.scrollHeight - window.innerHeight <= document.body.scrollTop) {
            var el = document.createElement('div');
            el.style.cssText = "border: 1px solid #000; height: 300px";
            el.style.backgroundColor = ["red","green","blue"][Math.floor( Math.random() * 3 )];
            document.body.appendChild( el );
        }
    }
</script>

[tarya]

Ага, Спасибо!!!

[tarya]

Друзья, кому нужно вот рабочий вариант для дива.

//endless scroll
        $('#imgcontainer').scroll(function() {
            if($(this).height() + $(this).scrollTop() >= $(this).get(0).scrollHeight){
                ...
            }
        });

Работает очень хорошо.