我让自己陷入了某种先有蛋还是先有蛋的困境。我有一个页面有很多图片要加载，我编写了一个加载滚动脚本，就像Facebook或谷歌图像一样，所以当用户到达页面底部时，下一组图片被加载。
因为服务器端图像加载有点重，可能会减慢网站的速度，我只是加载和存储所有的图像在一个缓存文件，加载到页面，然后用javascript，我删除所有的，只保留前几个，然后逐渐加载其余的。
现在我遇到的第一个问题是，浏览器继续加载图像，即使它们已被删除使用javascript。为了解决这个问题，我给我不想加载的图像添加了一个css类，并将它们设置为不显示，然后使用javascript将其删除。
但我仍然不希望页面是非javascript用户和爬虫能够看到完整的页面。并且无法找出一种方法来删除这个"显示无"没有javascript。
提前感谢。
为什么不直接使用ajax来加载下一批呢?这样它就会被加载到片段中，加载是分散的，你不需要做困难的标记…
我自己的jquery的例子，我在这些情况下使用。我有一个php文件，决定什么需要渲染的基础上的"pagenumber"得到翻译在我的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>