Javascript 动态观察滑块：标题问题

我对响应性设计是新手。我尝试使用基础轨道滑块为我的项目。 我无法为图片显示标题。我有以下代码

<div class="row">
    <div class="twelve columns">
    <div id="slider">
    <a href="#"><img src="images/pic1.jpg" /></a>
    <a href="#"><img src="images/pic2.jpg" /></a>
    <a href="#"><img src="images/pic3.jpg" /></a>
  </div>
</div>

  <span class="orbit-caption" id="captionOne">Here is a caption1...</span>
  <span class="orbit-caption" id="captionTwo">Here is a caption2...</span>
  <span class="orbit-caption" id="captionThree">Here is a caption3...</span>
</div>

通过移除我可以在图片上看到一条很小的黑色条纹（大约10px高），3个标题都是附加的，从图片中消失了

图片的高度应该小于400px吗？这需要css修复吗？
我做错了什么

我试着用图像标签代替锚定标签。两者都有相同的结果

P.S.S.我使用基础。CSS，随下载而来。我也不允许发布屏幕截图

抱歉，我发现了错误。。。我本来应该放数据标题=“#captionOne”

---

-Jody

在你的js中，“字幕”是否设置为“真”

<script type="text/javascript">
   $(window).load(function() {
       $("#featured").orbit({
           captions : true
       });
   });
</script>

$（窗口）。加载（函数（）{
$（“#特色”）.orbit({
标题：对
});
});

在图像标签中提供与SPAN caption标签相同的ID

如果没有演示或至少没有CSS，将很难帮助您。

<script type="text/javascript">
   $(window).load(function() {
       $("#featured").orbit({
           captions : true
       });
   });
</script>