Javascript 如何让Featherlight图像库正常工作？

我正在尝试让Featherlight的图像库功能正常工作。这是一个jQuery附加组件，我在他们的网站（）中遵循了他们的指令，但不幸的是，我无法让它按预期工作。我试图通过点击图像拇指来实现图像库演示。从图库中，我应该能够在图库中包含的带有上一个、下一个图标的图像之间导航。我已经添加了css样式文件和js文件的链接。输入库的HTML代码，并将设置的javascript代码添加到库中。 我是javascript的新手，所以这可能是一些非常基本的东西，我非常感谢任何关于错误的提示。 有关代码，请访问：

HTML代码：

<div class="adImages">
            <div class="row">
              <a class="thumbnail gallery" href="http://www.tranarportalen.se/UpLoad/Breeders/b11000/digger.jpg">
              <img src="http://www.tranarportalen.se/UpLoad/Breeders/b11000/digger.jpg" alt="thumb1" width="250" height="200">
              </a>
              <a class="thumbnail gallery" href="http://www.tranarportalen.se/UpLoad/Breeders/b11000/digger.jpg">
              <img src="http://www.tranarportalen.se/UpLoad/Breeders/b11000/digger.jpg" alt="thumb2" width="250" height="200">
              </a>
            </div>
          </div>

您的代码看起来不错（尽管您可能希望使用css设置宽度和高度），但您没有包含

featherlight.gallery.min.js

，只包含css

更新小提琴：

$(document).ready(function(){
  $('a.gallery').featherlightGallery({
    gallery: {
        previous: '«',
        next: '»',
        fadeIn: 300
    },
    openSpeed: 300
  });
});