lovecoding
/
VIP33


			
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>


  <button id="pre" >上一张</button>

  <img height="300px" src="" alt="图片">

  <button id="next" >下一张</button>

</body>
<script>

  //图片的名称
  let imgArr = ["1.jpg","2.jpg","3.jpg"];
  //索引
  let index = 0;

  //默认展示第一张图片
  document.getElementsByTagName("img")[0].src = "../img/"+imgArr[index];

  //下一张
  document.getElementById("next").onclick = function (){
    index++;
    index = index % imgArr.length;
    document.getElementsByTagName("img")[0].src = "../img/"+imgArr[index];
  }

  //上一张

</script>