Question

我在这里遇到了某种鸡蛋情况。我有一个页面有很多图像要加载，我编写了一个加载滚动脚本，如Facebook或谷歌图像，所以当用户到达页面底部时，下一组图像被加载。

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

现在我遇到的第一个问题是浏览器一直在加载图片，即使它们已经使用javascript删除了。为了解决这个问题，我在图像中添加了一个css类，我不想加载并将它们设置为display none，然后使用javascript删除它。

但我还是不想让非javascript用户和crawsler能够看到整个页面的页面。并且无法找到一种方法来删除这个“显示无”没有JavaScript。

提前感谢。

Answer 1

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

我自己在这些案例中使用的jquery示例。我有一个php文件，根据我的mysql select ..... limit $pagenumber,15

中翻译的“pagenumber”决定需要渲染的内容

           <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>

禁止在启用了javascript的用户的图像加载图像

1 个答案: