html - 幻灯片放映中的多个图像

标签 html css slideshow

我想要不同类型的幻灯片放映。我尝试了 bootstrap carousel 和许多其他幻灯片放映,但它们只包含一张照片,我的问题是我想要多张照片。

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

最佳答案

这个怎么样? (它使用水平溢出,允许从一侧移动到另一侧)

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

关于html - 幻灯片放映中的多个图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34403315/

相关文章:

javascript - window.history.pushState 更改 url 而不删除最后一部分

javascript - 如何以这种方式使用 css 定位自动调整 html block 元素(附照片)

javascript - css 动画无法与 javascript 代码一起使用

jquery - 非常简单的图像 slider /幻灯片,带有左右按钮。没有自动播放

jquery - 在 Cycle2 中暂停嵌套幻灯片

javascript - 具有多层的css z-index

html - Google 应用程序脚本 : style tags work in index. html 但不是 stylesheet.html

javascript - 获取 iframe 中悬停元素的 css 值

css - 圆圈内文本的跨浏览器垂直居中

html - 如何等于 float 李的高度