Question

我正在使用带有YUI的灯箱，并且无法让灯箱工作。

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

当我点击第二张图片时，它会将图片加载到网址中，而不是加载到灯箱中。我点击了第三张，第四张和第五张图片，它也做了同样的事情。

我检查了标记，除了图像外，它们是相同的。

任何人都可以解释为什么点击第一张图片会完美地加载灯箱而其他图片不能正常工作。

这是我的电话：

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>

YUI Lightbox无法处理图像

0 个答案: