php圖片消極式載入、懶載入的方法？

我現在的做法是，將圖片的src用預留位置圖片代替，並使用data-src屬性儲存真實的圖片地址，然後監控window的scroll事件，當圖片出現在螢幕中時，就將data-src的值賦值給src。

但是這種做法不太方便，比如我現在不想消極式載入了，那麼對於那些已經消極式載入的文章改起來就非常麻煩，比如我想在搜尋引擎訪問的時候不用消極式載入，使用者訪問的時候用消極式載入，不知道怎樣做可以方便的進行切換呢？

回複內容：

我現在的做法是，將圖片的src用預留位置圖片代替，並使用data-src屬性儲存真實的圖片地址，然後監控window的scroll事件，當圖片出現在螢幕中時，就將data-src的值賦值給src。

但是這種做法不太方便，比如我現在不想消極式載入了，那麼對於那些已經消極式載入的文章改起來就非常麻煩，比如我想在搜尋引擎訪問的時候不用消極式載入，使用者訪問的時候用消極式載入，不知道怎樣做可以方便的進行切換呢？

img = new Image(); img.src = 'http://www.helloworld.com/test.jpg'; img.onload = function() { var imageContainer = document.getElementById('imgContainer'); imageContainer.appendChild(img); }

你可以在資料庫裡儲存原樣的也就是src的內容，在輸出之前統一加上過濾器，自動替換為data-src的形式。這樣當你想恢複原樣的時候，只需要把過濾器調用刪掉就行了。

function add_lazy_load_filter($html) {    return preg_replace("//is", "", $html);}

