幻灯片放映中的多个图像

Question

我想要一个不同类型的幻灯片放映。我试过bootstrap carousel以及其他许多幻灯片，但它们只包含一张图片而我的问题是我想要多张照片。

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

Answer 1

这个怎么样？ （它使用水平overflow，允许从一侧移动到另一侧）

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这不是一件特别的事情，只需使用这个css：

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

并在你的HTML中：

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

在计算机中它有一个滚动条，但在移动设备中你可以滑动它