幻灯片中的多个图像

【问题标题】：Multiple images in slide show幻灯片中的多个图像
【发布时间】：2016-03-27 23:28:34
【问题描述】：

我想要一种不同的幻灯片放映。我尝试了引导轮播和许多其他幻灯片，但它们只包含一张图片，而我的问题是我想要多张照片。

是否有任何幻灯片或任何想法导致这样的幻灯片放映？谢谢。

【问题讨论】：

【解决方案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>

【讨论】：

谢谢我从来没有想过答案这么简单！还是谢谢你。

【解决方案2】：

用这个css没什么特别的：

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

在你的 html 中：

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

在电脑上它有一个滚动条，但在手机上你可以滑动它

【讨论】：

让我用我的手机试试
谢谢我从来没有想过答案这么简单！还是谢谢你。