js 想请教几种类型的slidershow幻灯片是怎么做出来的,原理是什么

发布于 2022-09-06 08:35:10 字数 745 浏览 25 评论 0

第一种
clipboard.png

clipboard.png

第二种

clipboard.png

clipboard.png

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

倦话 2022-09-13 08:35:10

没用过你说的slideshow,幻灯片(轮播图)原理无非就是几种,从你截的图看。
第一种
控制偏移,可视区域就是中间那部分,所有的图片在一行显示,超出部分隐藏。
第二种
控制层级,所有的图片叠加在一起,控制z-index显示。

栖迟 2022-09-13 08:35:10

第一种应该是把一张图片放到了n个小方块里面当成背景图片 ,计算每个的方块的位置,背景图的位置,用绝对定位,然后控制改变透明度
第二种看着像位移+改变了图片过滤的褐色值 img{filter:sepia(0-100%)}

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文