我正在使用SlidesJS JQuery 插件在网页顶部显示滑动横幅。
但是,我在添加覆盖在图像上的图像标题时遇到了麻烦。根据上面的网站,我创建了一个带有类标题的新 p 并在其中输入我的标题,但据我所知,插件认为这个标题 div 是另一张幻灯片,并且在每个图像之后只显示标题文本。
您可以在此处查看该页面。
我正在使用SlidesJS JQuery 插件在网页顶部显示滑动横幅。
但是,我在添加覆盖在图像上的图像标题时遇到了麻烦。根据上面的网站,我创建了一个带有类标题的新 p 并在其中输入我的标题,但据我所知,插件认为这个标题 div 是另一张幻灯片,并且在每个图像之后只显示标题文本。
您可以在此处查看该页面。
您可能想检查带有标题的示例 SlidesJS。查看您的 html 代码并立即看到您正在为所有图像(幻灯片)使用一个 div 块。在链接上的示例代码中,他们将图像(幻灯片)拆分为每个 div,以便当您需要添加标题时,只需在 div 中添加一个子项。
他们的示例有每张幻灯片,然后在另一个 div 中添加标题,如下所示:
<div class="slide">
<a href="/gosomewhere"><img src="/images/myimage"/></a>
<div class="caption"><p>this image is awesome</p></div>
</div>
如果没有实际尝试,我认为您可能会错过幻灯片以及分类为div的子标题