Javascript 如何在lightbox中添加标题或说明？

我有一个画廊，我在那里放了一个灯箱，但我不知道如何在灯箱中显示图片的标题或描述。现在，“标题”仅显示在灯箱中的“鼠标指针”上。我想用图片下面的文字排一行。我该怎么办

HTML:

JS:

var overlay=$（''{
id:'覆盖'
}).附于（“主体”）；
overlay.hide（）；
$（'.gallery set a'）。在（'单击'）上，函数（e）{
e、 预防默认值（）；
overlay.empty（）.show（）；
$（'在单击事件函数时在
中的图像后追加段落


var overlay=$（''{
id:'覆盖'
}).附于（“主体”）；
overlay.hide（）；
$（'.gallery set a'）。在（'单击'）上，函数（e）{
e、 预防默认值（）；
overlay.empty（）.show（）；
$('', {
文本：$（this.attr（'title'））
}).附加（覆盖）；
});
overlay.on（'click'，function（））{
$（this.hide（）；
});
$（文档）.on（'keydown'，函数（e）{
如果（e.which==27）{
overlay.hide（）；
}
})；

您始终可以在
img
下方添加一个
段落
标记并设置其样式。您希望在单击图像后显示标题还是在单击之前显示标题？单击后。谢谢！它可以正常工作：-）它也可以正常工作，无需此项：
        <a href="../img/animals/1_korytnacka.jpg" title="Turtle - 50 x 50 x 3,5 cm">
            <img src="../img/animals/1_thumb.jpg" alt="Korytnacka">
        </a>

var overlay = $('<div>', {
  id: 'overlay'
}).appendTo('body');
overlay.hide();

$('.gallery-set a').on('click', function(e) {
  e.preventDefault();
  overlay.empty().show();
  $('<img>', {
    src: $(this).attr('href'),
    alt: $(this).attr('alt'),
    title: $(this).attr('title')
  }).appendTo(overlay);
});

overlay.on('click', function() {
  $(this).hide();
});

$(document).on('keydown', function(e) {
  if(e.which == 27) {
    overlay.hide();
  }
});