Question

所以我想要做的是在灯箱库中添加一个描述。

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

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

这是我使用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'));
});

使用Jquery插件blueimp gallery在lightbox中显示描述

1 个答案: