轮播Carousel
用户还没读完图注，下一张就来了，怎么办？
轮播在同一展示区域依次呈现多张内容，可由用户手动切换，也可按明确规则自动轮换。前后控制、当前位置、暂停与隐藏内容的可访问性，比是否有滑动动画更重要。
一次只看一张没问题，但什么时候换，用户要能控制。重要规格不能只在某一张闪过。
翻相册由自己决定下一页，展厅屏幕却可能自动播放；正在读说明的人需要暂停。
类比到这里为止：轮播不能保证所有内容都被看过，自动播放完也不代表学员理解或完成学习。
产品应用图可以手动逐张查看，同时保持关键参数在正文中。示意图、真实实拍与客户案例需要分别标注。
最少的可用控制
- 位置
- 清楚显示第几张、共几张和当前主题。
- 前后
- 按钮有名称，触屏与键盘都可以操作。
- 自动播放
- 若启用，提供停止与启动，并尊重阅读中的暂停。
保持内容可发现
只有一张可见时，其他幻灯片不应留下不可见却可点击的焦点目标。换页后说明当前内容，不把焦点强行从操作按钮抢走。
本页使用手动的三张课堂说明卡，没有自动计时，也没有把说明卡伪装成客户案例图片。
用户还没读完图注，下一张就来了，怎么办？
可以操作，也可以重试。数据为虚构示例，不连接真实业务系统。
正在准备当前演示，正文可以继续阅读。
继续看项目应用与交付检查
轮播 在项目中负责什么
- 什么时候用
- 一组相关媒体确实适合在同一区域逐张浏览时。
- 它解决什么
- 保持媒体之间的连续关系，同时给每张内容足够展示空间。
- 它不负责什么
- 自动轮播在焦点进入或鼠标悬停时应停止，用户明确请求后才重新启动。只提供滑动手势不够。
- 放进真实项目
- 展示产品应用图，但保留明确控制和静态替代内容，避免核心参数藏在轮播里。
轮播在有限空间里顺序展示内容，但重要信息不能依赖用户碰巧翻到
产品场景图和案例照片可以轮播；MOQ、认证和询盘行动不能藏在第三张自动切走的幻灯片。
- 01
把第一张留给最有判断价值的内容。
- 02
提供明显控制和当前页数。
- 03
自动播放必须可暂停并尊重减少动效设置。
知道第几张，能前后，自动播就能停。
容易混淆的地方
轮播切换内容项，标签页切换并列主题，视频按时间播放连续媒体；播放完轮播不是学习完成证明。
自动轮播的产品图在用户用键盘阅读图注时继续换页。怎样改进？
你可以这样告诉 AI Agent
“
我在处理这件事：展示产品应用图，但保留明确控制和静态替代内容，避免核心参数藏在轮播里。请以“轮播”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践