基础6.4:图像轨道显示问题

时间:2019-04-29 19:10:03

标签: zurb-foundation orbit

我是用户体验研究人员,而不是编码人员,我希望获得一些有用的反馈意见,以使轨道功能正常运行。 :

使用:Foundation 6.4 功能:图像轨道器

问题: 放置800张x 400小时(通过Photoshop)创建的图像后,它们似乎没有“填满”轨道器提供的容器。图像移到轨道容器的左上部分,箭头和项目符号看起来未对齐。

<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图像尺寸,以便项目符号和箭头控件正确对准?

非常感谢您!

0 个答案:

没有答案