使用 Jquery 插件 blueimp 库在灯箱中显示描述

Question

所以我想做的是向灯箱库添加描述。

我正在使用 jquery 插件 blueimp 图像库以及顶部的引导图像库插件。我到处搜索，但除了文档说明中提到的内容之外，只有几篇关于它的帖子，所以我想问一下。

我确定这可能是导致问题的原因，但首先我想知道是否有一种方法可以在图像下方添加描述，但它也可以在标题下方。

这是我使用 blueimp 文档中的以下代码以及我在 jsfiddle 中演示的另一个用户那里发现的额外额外代码。

      blueimp.Gallery(
      document.getElementById('links'), {
          onslide: function (index, slide) {
          var text = this.list[index].getAttribute('data-description'),
              node = this.container.find('.description');
          node.empty();
          if (text) {
              node[0].appendChild(document.createTextNode(text));
          }
          }
      });

http://jsfiddle.net/2B3bN/37/

这显示了它在我的网页上的外观，我确实设法实现了这一点，但是您会注意到它仅适用于第一张图片。

这肯定可以用一些js来修改吗？我对 js 很陌生，我可以阅读和修改基本的 js，但我猜他们更改标题的方式可以用来更改描述？

感谢大家的帮助！

Answer 1

如果您仍然需要这个：

$('#blueimp-gallery').on('slide', function (event, index, slide) {
$(this).children('.description')
    .text($('#links a').eq(index).data('description'));
});