我是用户体验研究人员,而不是编码人员,我希望获得一些有用的反馈意见,以使轨道功能正常运行。 :
使用: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>◀︎</button>
<button class="orbit-next"><span class="show-for-sr">Next
Slide</span>▶︎</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图像尺寸,以便项目符号和箭头控件正确对准?
非常感谢您!