如何创建像这样的无限全屏滑块？

【问题标题】：How to create an infinite fullscreen slider like this one?如何创建像这样的无限全屏滑块？
【发布时间】：2021-07-19 22:14:15
【问题描述】：

我想在 Html + Css + JavaScript（复数）中创建一个无限的全屏滑块。我不想使用库，比如“Slick”或类似的东西。第一张幻灯片应该在发件人中。我需要看到第三块的一半和最后一个块的一半（照片中的示例）。有人可以帮忙吗？示例：https://i.stack.imgur.com/FORxN.jpg

【问题讨论】：

标签： javascript slider fullscreen infinite

【解决方案1】：

你可以做一个全屏容器，然后把你的图片放进去，用一点JS就可以实现。

Create a div and inside the div, place your images.

.container{
width: 100%;
height: 100%;

img{
width: 100%;
height: auto;

这是针对 HTML 和 CSS 的，但您总是可以随意调整高度和宽度并最终确定适合您的内容，对于 JS，我建议您观看 this video 或 this video。我以前都看过它们，它们都很容易理解。

【讨论】：