如何在延遲加載時使圖像可見

我想使用jquery「延遲加載」一堆圖片，但加載頁面時它們不會出現在屏幕上。我知道xhtml，基本的js和css。我已經看到許多不同的解決方案來「延遲加載」，但我還沒有能夠讓他們任何工作。如何在延遲加載時使圖像可見

這是代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js"></script> 
<body> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <script>$("img.lazy").lazyload();</script> 
</body> 
</html>

我的問題是：它是什麼，我做錯了，這樣，當我加載頁面的文件「image.jpg的」不會出現。

來源

2014-10-20 fran narf

你使用自己的源碼或直接從github鏈接？ – 2014-10-20 15:05:06

如果您正在使用從GitHub源，並直接鏈接到您的項目，一個錯誤將被拋出：

拒絕執行從「https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js」腳本，因爲它的MIME類型（'text/plain'）不可執行文件，並啓用嚴格的MIME類型檢查。

請確保您有本地副本並在本地執行。

本地檢查，它執行得很好！ :)您使用的代碼是正確的，除了熱鏈接的JavaScript。

來源

2014-10-20 15:06:58

感謝您回答如此之快！如果我理解正確，我必須將JavaScript放在單獨的文件（例如lazy.js）上，並通過「

相關問題