JavaScript实现轮播图点击按钮切换下一张图片

具体实施流程：

2.1 点击右侧箭头按钮，使图片按顺序向后切换，当切换至最后一张时，自动返回至第一张 1--2--3--4--1

2.1.1 定位元素 按钮 p img

2.1.2 为按钮绑定事件处理函数

2.1.3 实现图片切换至下一张的功能

2.1.4 无法确定当前是第几张图片，暂且设定 n = 1

2.1.5 对img标签的src属性进行更新 img.src = ''

2.1.6 图片编号加一后，判断是否已到达最后一张，若n == 5，则将n重置为1

2.2 点击左侧箭头按钮，使图片按顺序向前切换，当处于第一张时，自动跳转至最后一张 1--4--3--2--1

2.2.1 定位相关元素 按钮 p img

2.2.2 绑定事件处理函数到按钮上

2.2.3 实现图片切换至上一张的功能

2.2.4 根据变量n获取当前所处的图片编号

2.2.5 对img标签的src属性进行更新 img.src = ''

2.2.6 图片编号减一后，判断是否已到达第一张，若n == 0，则将n设置为4

 <style>

    
     * {
    
         padding: 0;
    
         margin: 0;
    
     }
    
  
    
     .wrap {
    
         positi