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

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

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

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

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