在米哈游的游戏官网中，需要实现一个简单的图片轮播组件，要求使用原生 JavaScript，并且能自动切换图片，同时支持手动切换。请简述实现思路。

答题要点

推荐使用分层分析法来回答此题。首先明确整体架构，再逐步分析各层的实现要点。关键要点如下：1. HTML 结构搭建：创建一个包含图片列表的容器，为手动切换按钮预留位置。例如，使用 <div> 包裹图片 <img> 元素。2. CSS 样式设计：设置图片容器的样式，隐藏溢出部分，确保图片按顺序排列。3. JavaScript 逻辑实现：使用定时器实现自动切换，通过事件监听实现手动切换。4. 边界处理：当切换到最后一张图片时，回到第一张；反之亦然。示例话术：首先，在 HTML 中创建一个图片容器和手动切换按钮。然后，用 CSS 对容器进行样式设置。接着，编写 JavaScript 代码，利用 setInterval 函数实现自动切换，为按钮添加点击事件监听器实现手动切换。在切换过程中，注意处理边界情况，保证图片循环展示。