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

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')); 
});