Jquery YUI Lightbox无法处理图像

我正在与YUI一起使用lightbox，但在使lightbox正常工作时遇到问题

我在页面上有五个图像，当我点击第一个图像时，lightbox显示出来，图像按预期显示。我点击下一步，第二个图像加载，可以在图像之间来回切换，没有任何问题。我按下关闭按钮，灯箱关闭

当我单击第二个图像时，它会将图像加载到url中，而不是lightbox中。我点击了第三张、第四张和第五张图片，它也做了同样的事情

我已经检查了标记，除了图像之外，它们都是相同的

有人能解释为什么点击第一张图片可以完美地加载lightbox，而其他图片则无法工作

这是我的电话：

YUI().use('node', function(Y) {
    M.util.load_flowplayer();
    setTimeout("fix_column_widths()", 20);
    Y.use("moodle-mod_lightboxgallery-lightbox",function(){M.mod_lightboxgallery.init();
    });

});

HTML:

<div class="lightbox-gallery-image-container">
  <div class="lightbox-gallery-image-wrapper">
     <div class="lightbox-gallery-image-frame">
          <a class="lightbox-gallery-image-thumbnail" href="picture.JPG" rel="lightbox_gallery" style="background-image: url('picture.JPG'); width: 162px; height: 132px;" title="text"></a>
          <div class="lightbox-gallery-image-caption bottom">Test</div>
     </div>
  </div>
</div>
<div class="lightbox-gallery-image-container">
  <div class="lightbox-gallery-image-wrapper">
     <div class="lightbox-gallery-image-frame">
          <a class="lightbox-gallery-image-thumbnail" href="picture2.JPG" rel="lightbox_gallery" style="background-image: url('picture2.JPG'); width: 162px; height: 132px;" title="text2"></a>
          <div class="lightbox-gallery-image-caption bottom">Test2</div>
     </div>
  </div>
</div>

试验
测试2

你能发布你的HTML吗？@stiemannkj1添加了HTML