滚动时使用Ajax加载内容

Question

我使用jQuery Tools
Plugin作为图像滑块（此处为image
），但是由于图像数量巨大，我一次只需要加载几次。由于它是用JavaScript编码的，因此我无法知道滚动位置。我想在最后一张图片出现时立即加载它们。我不知道我放在哪里，事件监听器也什么都没有。

这是我的代码http://jsfiddle.net/PxGTJ/

请给我一点光！

Answer 1

我只需要使用jQuery Tools的API，onSeek即scrollable()方法中的参数即可。

就是这样

$(".scrollable").scrollable({
    vertical: true,
    onSeek: function() {
        row = this.getIndex();
        // Check if it's worth to load more content
        if(row%4 == 0 && row != 0) {
            var id = this.getItems().find('img').filter(':last').attr('id');
            id = parseInt(id);
            $.get('galeria.items.php?id='+id, null, function(html) {
                $('.items').append(html);
            });
        }
    }
});