在库项的HTML标记中，在链接到全尺寸图像的锚元素内添加一个带有“caption”类的div。

<a href="image1.jpg">
    <img src="thumb1.jpg">
    <div class="caption">Caption for Image 1</div>
</a>

在初始化Poptrox插件的jQuery代码中，将caption类添加到创建lightbox时应该克隆的类列表中。

$('.gallery').poptrox({
    caption: function($a) { return $a.next('.caption').text(); },
    overlayColor: '#2c2c2c',
    overlayOpacity: 0.85,
    popupCloserText: '',
    popupLoaderText: '',
    selector: '.thumb > a',
    usePopupCaption: true,
    usePopupDefaultStyling: false,
    usePopupNav: true
});

然后，您可以添加CSS来根据需要设置标题的样式。

.caption {
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
    color: #fff;
    padding: 10px;
    position: absolute;
    width: 100%;
}