延迟加载无法正常工作

Question

我正在尝试创建一个网页，当我向下滚动页面时图片会加载。 所以我尝试了lazy load plugin。目前我甚至看不到我的形象。应该加载图像的边框，但就是这样。然而，如果我使用src =“”而不是data-original =“”......

，我可以看到图像

这是我尝试过的：

头：

<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="jquery.lazyload.js"></script>

体：

<img class="lazy" data-original="images/firstImage.jpg" data-placement="auto" width="765" height="574"> 

js（张贴了我所有的js，因为我错误地放了一些）：

$(document).ready(function() {
$(function() {
$("img.lazy").lazyload();
});

$(".burger").click(function() {    //burger button
    $(".site-navigation-menu").toggleClass("show"); 
    $(".banter_ul").toggleClass("show"); 
    $(".bar1, .bar2, .bar3").toggleClass("burgerColor");
    $(".burger").toggleClass("burgerFixed");
});

});

function myFunction(x) {    //burger animation 
x.classList.toggle("change");
}