在幻灯片中展示多张图片

Question

我希望有一种不同类型的幻灯片展示。我尝试了 Bootstrap 走马灯和许多其他幻灯片展示，但它们只包含一个图片，我的问题是我想要有多张照片。

有没有类似这样的幻灯片展示或任何可以导致这样的幻灯片展示的想法？谢谢。

- user5696936

Answer 1

这个怎么样？（它使用水平的overflow，允许从左到右移动）

.slide-container {
  overflow: auto;
  white-space: nowrap;
}

<div class="slide-container">
<img src="http://placehold.it/200" />
<img src="http://placehold.it/200" />
<img src="http://placehold.it/200" />
<img src="http://placehold.it/200" />
</div>

- Mr. Meeseeks

---

谢谢，我从没想过答案会这么简单！无论如何还是谢谢你。 - user5696936

Answer 2

这不是什么特别的事情，只需使用这个CSS：

.swipe{
    overflow:auto;
    white-space:nowrap;
}

在你的HTML中，应该包含以下内容：

<div class=swipe>
<img src="">
<img src="">
<img src="">
.
.
.
</div>

在电脑上，它有一个滚动条，但在移动设备上，您可以滑动它。

- eylay

---

让我用我的手机试一下。 - user5696936

谢谢，我从未想过答案会这么简单！无论如何还是谢谢你。 - user5696936