你可能会说
首页顶上想放个能左右滑的图，自动播
能左右滑动切换图片的那一大块横幅区域
大白话解释
轮播图就是页面顶部那块会自己换图的大横幅。它把好几张图叠在同一个位置，隔几秒翻一张，或者你左右滑一下手动翻。
它有点像地铁站的灯箱广告，位置只有一个，但可以轮流展示好几条内容。因此首页最贵的那块地方，往往就交给了它。
不过轮播图也是个出名的坑。研究表明大部分人只看第一张就往下滚了，后面几张基本没人看。所以真要放，就别塞太多张，也别让它翻得太快，更别把重要信息只藏在第三张里。
什么时候会遇到
- 看首页设计稿时，顶部那一长条下面有三四个小圆点，那就是切换指示。
- 产品坚持要在轮播里放六张促销图，你心里知道没人会看到后面几张。
- 手机上用户左右滑的时候，不小心把整页也跟着横向拖动了，两套滑动打架。
- 页面切到后台标签页再回来，发现图片已经在疯狂快进，因为定时器没停。
- 做无障碍检查时被告知自动播放的轮播会让读屏用户来不及听，需要能暂停。
可以直接对 Agent 说
「首页顶部做一个自动轮播，三张图，每四秒切换一次，鼠标移上去就暂停自动播放，下面放圆点可以点着切换。」
「这个轮播在手机上左右滑动时会把整页也拖走，帮我限制成只有轮播区域内横向滑动才切换图片，页面本身不要跟着动。」
「给轮播加一个暂停按钮，符合无障碍要求，用户切到别的浏览器标签页回来时不要让图片一下子快速跳好几张。」
正文里带下划线的词，是本站其它词条的入口；这一篇自动链了 3 个相关术语。
最容易想岔的地方
常见的错误理解： 轮播能放好几张图，等于首页能多推几倍内容，很划算
更准确的理解： 绝大多数访客只看得到第一张，后面几张基本白放。真要用，就别把关键信息放在第二屏之后
常见的错误理解： 轮播自动播放显得页面很活，用户会觉得热闹
更准确的理解： 自动切换会在用户正读到一半时把内容换走，无障碍工具也会把它判为干扰。默认应该由用户自己切换
测一下：真遇到了你会怎么处理
单选 · 选完立刻看解释
首页顶部要放一个 5 张图的推广轮播。
动手之前最该注意的是什么？
-
轮播最大的问题是用户根本看不完。可控性和停留时长，比多加几张图重要得多。
-
用户还没读完第二张就跳走了，等于后面的图白做。
-
可控性跟设备无关。桌面端内容被自动切走，一样是问题。
题目只考「这个场景下的第一反应」，不考名词背诵 —— 轮播图的定义在上面已经讲过了。