幻灯片放映中的多个图像

Question

我想要不同类型的幻灯片放映。我试过 bootstrap 旋转木马和许多其他幻灯片，但它们只包含一张照片，我的问题是我想要多张照片。

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

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>

Answer 2

这不是什么特别的东西就用这个 css:

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

在你的 html:

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

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

幻灯片放映中的多个图像

Multiple images in slide show

html

css

slideshow