0

好的，所以我有大约三百张图片以及与我的页面一起加载的相关信息，所以想象一个像这样的持有者块三百次：

<div class="contain-block">
    <a class="clickable" href="#" name="<?php echo $row['id']; ?>">
        <img src="<?php echo $row['image_url'];?>" alt="<?php echo $row['name'];?>">
        <span><?php echo $name;?> </span>
        <span class="rate-holder">
            <span class="rating_<?php echo $row['average'];?>"></span>
        </span>
    </a>
</div>

等待所有 300 张图片加载很耗时。我有一个很好的计数器，可以在加载时显示数字，但仍然需要很长时间。所以我想在用户向下滚动时走加载图像的路线。

我知道每次有人向下滚动时我都可以进行新的 ajax 调用，但是我有很多可用的过滤器，我不想跟踪我在什么记录上或其他任何东西。

所以我的问题是，我可以像往常一样收集我的整个结果集，但只加载前九个图像 - 可以加载所有记录的支持信息，这很好。然后当用户向下滚动时，加载剩余的图像。

问题：

一旦加载了最初的九张图片，我如何“停止”或“防止”加载剩余的图片？

想法：

$img.one('load',function() {
    //somehow disable loading when count is appropriate
    imgCount++;
});

然后我的滚动：

$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
        //recognize next set of nine records without a loaded image and load the image!!

    }
});

我需要一些内部工作方面的帮助。

编辑：如果可能的话，我希望在没有插件的情况下完成，但会考虑它是否真的是最好的方法。

4

0 回答 0