图片标题无法正常工作

时间:2012-10-15 09:14:11

标签: javascript jquery slidesjs

我正在使用SlidesJS JQuery plugin在网页顶部显示滑动横幅。

但是,我在添加覆盖在图像上的图像标题时遇到了麻烦。根据上面的网站,我创建了一个带有类标题的新p,然后在其中输入我的标题,但是我可以告诉插件认为这个标题div是另一张幻灯片,并且只显示每个图像后的标题文本。

您可以查看页面here

2 个答案:

答案 0 :(得分:2)

您可能需要查看示例SlidesJS with caption。查看您的HTML代码,立即看到您正在为所有图像(幻灯片)使用一个div块。在链接上的示例代码中,他们将每个div分割图像(幻灯片),这样当您需要添加标题时,只需在div中添加一个子项。

答案 1 :(得分:0)

他们的示例中每个幻灯片都有自己的幻灯片,然后是另一个div中的标题,如下所示:

<div class="slide">
   <a href="/gosomewhere"><img src="/images/myimage"/></a>
   <div class="caption"><p>this image is awesome</p></div>
</div>

如果没有实际尝试,我认为您可能会错过幻灯片以及标题分类 div