預防圖像爲啓用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>