填写轨道滑块的内容区域

Question

如何配置轨道以便图像填满整个观看区域？

目前我有一个有两张照片的画廊。这些图像没有轨道滑块的观察区域那么宽，看起来有点沉闷，像这样呈现它们。 有没有办法配置轨道，以便填满整个观察区域？

看看这张照片。在顶部是如何渲染轨道图像，在底部是我希望如何渲染它。有没有办法做到这一点，还是我需要自己裁剪和调整所有图像？

Answer 1

你能展示你正在使用的代码吗？此外，您使用的图像尺寸是多少？当我这样做时，我通常会裁剪出比我想要覆盖的区域更大的图像。在我正在处理的一个网站上，我将它们裁剪为1600x500。

以下是该网站目前正在使用的内容：

<div class="row">
   <div class="large-12 large-centered columns">
        <div class="slideshow-wrapper">
            <span class="preloader"></span>
                <ul id="featured1" data-orbit data-options="pause_on_hover:false; timer_speed:5500;">
                    <li><img src="/assets/sliders/slider01.jpg" /> <div class="orbit-caption">...</div></li>
                    <li><img src="/assets/sliders/slider02.jpg" /> <div class="orbit-caption">...</div></li>
                    <li><img src="/assets/sliders/slider03.jpg" /> <div class="orbit-caption">...</div></li>
                </ul>
        </div>
    </div>
</div>

附加的class =“slideshow-wrapper”就在那里，所以我可以进一步自定义文本等。