Javascript 页面加载上的顺序图像加载

我已经浏览了这个网站，基本上找到了我想要的东西。然而，尽管Javascript在CSS/HTML方面有相当的能力，但它对我来说还是一个全新的东西，我担心我在这里有点迟钝

我试图让一些图像在页面加载时按顺序加载，一个接一个地淡入。我已经将之前的一把小提琴改成了这个，它几乎完全反映了我想要的东西（鸭子除外！），你可以在这里看到它：

我的问题是我无法让它在我的页面上运行。我有一个名为sequencer.js的.js文件，并将其放在页面的开头：

<script type="text/javascript" src="/sw3/sequencer.js"></script>

.fbimg是我尝试按顺序加载的类。在我的页面上，有两个例子

我的直觉是javascript根本没有在我的页面上运行，因为它在小提琴上完美地工作。当我加载页面时，图像根本不会出现（因为显示：无，我猜），这似乎是一个必要的包含

---

我遗漏了什么？

确保先加载jquery脚本；您可能没有将其包含在文档中

然后，我会将您的javascript包装到jquery的“documentready”函数中

$( document ).ready(function() {
  $('.fbimg').each(function (i) {
  $(this).delay(500 * (i + 1)).fadeIn(1000);
  });
});

$( document ).ready(function() {
  $('.fbimg').each(function (i) {
  $(this).delay(500 * (i + 1)).fadeIn(1000);
  });
});