问填充动态观察滑块的内容区域
EN

Stack Overflow用户

提问于 2014-01-27 06:37:11

回答 1查看 445关注 0票数 0

如何配置环绕以使图像填满整个查看区域？

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

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

zurb-foundation

回答 1

Stack Overflow用户

发布于 2014-01-28 00:29:51

你能展示你正在使用的代码吗？另外，您使用的图像的大小是多少？当我这样做的时候，我通常会裁剪比我希望它们覆盖的区域更大的图像。在我工作的一个网站上，我把它们裁剪成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=“幻灯片放映包装器”在那里，这样我就可以进一步定制文本，等等。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21370206

复制

相似问题

问填充动态观察滑块的内容区域
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问填充动态观察滑块的内容区域EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问填充动态观察滑块的内容区域
EN