Zurb foundation 填写动态观察滑块的内容区域

如何配置动态观察，使图像填满整个观察区域

目前我有一个有两张图片的画廊。这些图像没有轨道滑块的可视区域宽，并且呈现它们时看起来有点呆滞。 有没有办法配置动态观察，以填充整个观察区域

看这张照片。顶部是如何渲染动态观察图像，底部是我希望它的渲染方式。有没有办法做到这一点，或者我需要自己裁剪和调整所有图像的大小

---

您能显示您正在使用的代码吗？另外，您使用的图像的大小是多少？当我这样做时，我通常会裁剪出比我希望它们覆盖的区域更大的图像。在我正在工作的一个站点上，我将它们裁剪为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”在那里，这样我可以进一步自定义文本等。

我的代码如下：

@for（int index=0；index}

如果我调整图像的大小和比例，我可以让它工作，但我认为这不需要。许多其他滑块使图像适应内容区域，因此您可以尝试以下操作：。例如orbit img{width:100%；height:auto；}，这将告诉它您希望容器中的图像与容器一样大。缺点是，如果你有一个很高的东西，它会将容器向下延伸到页面以填充它。因此，您可以添加“溢出：隐藏”，然后设置最大高度：375px；。然后，它将基本上“裁剪”图像，以适应375px的宽度和高度。不确定我脑子里到底有什么浏览器支持，所以一定要测试！遗憾的是，由于orbit脚本根据最大图像高度自动设置高度，这意味着我无法设置固定高度并设置溢出隐藏。我想我会再找一个来完成我需要的。谢谢你的帮助！