微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

解决方法

你可以做一个全屏容器,然后把你的图片放在里面,用一点点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 videothis video。我以前看过它们,它们很容易理解。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。