在 58 同城的房产页面中，需要实现一个简单的图片轮播功能，要求使用原生 JavaScript 编写，并且能够自动切换图片，同时提供手动切换的按钮。请描述实现思路并给出关键代码示例。

答题要点

推荐使用分层分析法来解答此题。首先明确需求，将功能拆分为自动切换和手动切换两部分。关键要点如下：1. 页面结构：创建一个包含图片和切换按钮的 HTML 结构。2. 样式设置：使用 CSS 对图片和按钮进行样式调整。3. 自动切换：使用 setInterval 函数实现图片的自动切换。4. 手动切换：为按钮添加点击事件，实现手动切换图片。示例思路：先创建 HTML 结构，然后使用 CSS 美化样式，接着在 JavaScript 中实现自动和手动切换功能。例如，使用一个变量记录当前图片的索引，通过修改索引值来切换图片。