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

Question

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

标签： javascriptsliderfullscreeninfinite

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，我建议您观看此视频或此视频。我以前都看过它们，它们很容易理解。