0

我在这里让自己陷入了某种鸡蛋的境地。我有一个要加载很多图像的页面，我编写了滚动脚本的加载程序，就像 Facebook 或 Google 图片一样，所以当用户到达页面底部时，会加载下一组图像。

因为服务器端图像加载有点重，可能会减慢网站速度，我只是将所有图像加载并存储在缓存文件中，将其加载到页面中，然后使用 javascript，我删除所有图像，只保留前几个和然后逐渐加载其余部分。

现在我遇到的第一个问题是浏览器会继续加载图像，即使它们已被使用 javascript 删除。为了解决这个问题，我向我不想加载的图像添加了一个 css 类，并将它们设置为不显示，然后我使用 javascript 将其删除。

但我仍然不希望该页面成为非 JavaScript 用户和爬虫能够看到整个页面。并且无法找到一种方法来删除这个“不显示”没有 javascript。

提前致谢。

4

1 回答 1

0

为什么不简单地使用 ajax 来加载下一批呢？这样它就会被加载到段中，负载被分散，你不需要做困难的标记......

我自己在这种情况下使用的 jquery 示例。我有一个 php 文件，它根据在我的 mysql 中翻译的“页码”决定需要渲染的内容select ..... limit $pagenumber,15

           <script type="text/javascript">
    alreadyloading = false;
    nextpage = 1;

    $(window).scroll(function() 
        {
        if ($('body').height() <= ($(window).height() + $(window).scrollTop())) 
            {
            if (alreadyloading == false) 
                {
                var url = document.location.href + "/ajaxload/" + (nextpage * 15);
                alreadyloading = true;
                $.ajax(url).done(function(data) 
                    {
                    obj = document.getElementById('images');
                    obj.innerHTML += data;
                    alreadyloading = false;
                    nextpage++;
                    });
                }
            }
        });
    </script>
于 2013-01-07T15:40:49.093 回答