Javascript 向滑块中的图像添加标题

我需要一些提示如何在现有滑块中为图像添加标题：

#幻灯片放映
{
浮动：左；
宽度：100%；
背景色：#EEEEEE；
边框顶部：4px实心#004B7A；
}
#幻灯片，图片
{
背景色：#EEEEEE；
填充：0；边距：0；
溢出：隐藏；
高度：335像素；
}
#幻灯片。图片图片图片
{
宽度：自动！重要；
高度：自动！重要；
}
#幻灯片放映。导航
{
背景色：#004B7A；
浮动：左；
宽度：100%；
边缘底部：16px；
}
#幻灯片。导航a
{
字体大小：粗体；
颜色：#fff；
光标：指针；
保证金：8px 8px；
背景重复：无重复；
文字装饰：无；
}
#幻灯片。导航a。下一步
{
背景图片：url
（/global/gad/gad00045.nsf/arrow\u white\u right.gif）；
背景位置：右中；
右边填充：24px；
}
#幻灯片。导航a.prev
{
背景图片：url
（/global/gad/gad00045.nsf/arrow\u white\u left.gif）；
背景位置：左中；
左侧填充：24px；
}
#幻灯片。缩略图
{
浮动：左；
宽度：100%；
显示：块；
文本对齐：居中；
}
#幻灯片。缩略图李
{
边距：0；填充：0 0 16px 16px；
浮动：左；
显示：内联；
}
#幻灯片。缩略图李a
{
浮动：左；
宽度：68px；
高度：52px；
溢出：隐藏；
背景色：#fff；
边框：1px实心#eee；
}
#幻灯片放映。缩略图li.selected a
{
边框：1px实心#004B7A；
}
#幻灯片。缩略图
{
过滤器：α（不透明度=50）；
不透明度：0.5；
-moz不透明度：0.5；
高度：52px；
}
#幻灯片。缩略图li.选定的img，
#幻灯片。缩略图李a：悬停图片
{
过滤器：α（不透明度=100）；
不透明度：1；
-moz不透明度：1；
}
#幻灯片。文本
{
保证金：16px 16px 16px 16px；
浮动：左；
显示：内联；
}
#幻灯片放映.text p
{
填充：0；
保证金：0；
}
加载

'；
},
before:函数（currSlideElement、nextSlideElement、options、，
转发标志）{
var el=$（本）；
var index=el.parent（）.find（'img'）.index（el）；
$（'#slideshow.text p'）.hide（）；
$（'#slideshow.text p:eq（'+index+'））.show（）；
$（'#slideshow.thumbnails li'）.removeClass（'selected'）；
$（'#幻灯片.缩略图li:eq（'+index+'））.addClass
（‘选定’）；
}
});
$（'#slideshow.navigation a:first'）.css（'float'，'left'）；
$（'#slideshow.navigation a:last'）.css（'float'，'right'）；
});

由于您在尝试figcaption时无法添加标题， 一种方法是在图像上方或下方创建一个小段落，作为标题。 由于您可以控制幻灯片，因此也可以更新段落。 问题解决了