Zurb foundation 基础6.4：图像轨道显示问题

我是一名用户体验研究人员，不是一名编码员，我希望得到一些有用的反馈，以使轨道功能正常工作

<强>使用：< /强>基础6.4 功能：图像轨道器

问题： 放置我（通过Photoshop）创建的800 w x 400 h图像，它们似乎并没有“填满”轨道飞行器提供的容器。图像将显示在“动态观察”容器的左上部分，箭头和项目符号看起来未对齐

<div class="orbit" role="region" data-orbit data-auto-play="false">
  <div class="orbit-wrapper">
   <div class="orbit-controls">
     <button class="orbit-previous"><span class="show-for-sr">Previous 
      Slide</span>&#9664;&#xFE0E;</button>
     <button class="orbit-next"><span class="show-for-sr">Next 
     Slide</span>&#9654;&#xFE0E;</button>
   </div>

 <ul class="orbit-container">
   <li class="is-active orbit-slide">
    <img class="orbit-image" src="img/Dtotals.png" alt="Totals">
   </li>
   <li class="orbit-slide">
    <img class="orbit-image" src="img/trans.png" alt="Transcripts">
   </li>
  </ul>
 </div>

 <nav class="orbit-bullets">
   <button class="is-active" data-slide="0"><span class="show-for-sr">First 
    slide details.</span><span class="show-for-sr">Current Slide</span> 
   </button>
   <button data-slide="1"><span class="show-for-sr">Second slide details. 
   </span></button>
 </nav>
</div>

以前的
幻灯片◀︎；
下一个
幻灯片▶︎；






弗斯特
幻灯片详细信息。当前幻灯片
第二张幻灯片的细节。

如何使轨道器更好地与我的800w x 400h图像大小对齐，以便子弹和箭头控件正确对齐

非常感谢你