预防图像为启用javascript的用户加载图像

Question

我在这里遇到了某种鸡蛋情况。 我有一个页面加载了很多图片，并且我在滚动脚本上编写了一个加载，就像Facebook或Google图片一样，所以当用户进入页面底部时，下一组图像被加载。

由于服务器端图像加载有点沉重，可能会减慢网站速度，我只是加载和存储所有图像缓存文件，加载到页面，然后用JavaScript，我删除所有人保留只头几个，然后逐渐加载其余的。

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

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

提前致谢。

Answer 1

为什么不简单地使用ajax来加载下一批？ 它被加载到段通过这种方式，负荷分散，你不需要做难度很大的加价......什么，我在这几样的情况下使用

我自己的jQuery的例子。 我有决定什么需要被渲染上获取我的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>