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

Question

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

Answer 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 or this video.我之前都看过它们，它们很容易理解。