使用 jQuery 中的淡入淡出动画，实现图片的轮播效果，每隔 2 秒钟切换一张图片，共 6 张图片

---

---

需求说明：

---

使用 jQuery 中的淡入淡出动画，实现图片的轮播效果，每隔 2 秒钟切换一张图片，共 6 张图片，切换到第 6 张后从头开始切换，在图片的下方显示 6 个小圆点，一一对应 6 张图片，图片切换时，图片对应的小圆点的颜色同时发生变化

实现思路：

---

1. 在 HTML 页面中，添加 6 个 标签，用于显示 6 张图片

2. 添加 1 个

   • 标签和 6 个
   • 标签，用于显示图片下方的 6 个小圆点

3. 使用 setInterval() 方法每隔 2 秒执行一次图片切换操作 在图片切换的函数中，根据索引值找到当前需要切换的图片，然后使用 fadeIn() 方法淡入，同时找到当前图片的兄弟节点，然后使用 fadeOut() 方法淡出

4. 找到当前图片对应小圆点，添加样式类，并清除兄弟节点的样式类

实现代码：

---

核心代码：

完整代码：