1、点击顺序播放就只能从第1张图片依次递增过递减,不能从最后一张图片直接切换到第一张图片
2、循环播放:切换图片到最后一张之后直接从第一张开始
HTML、CSS、JS代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>图片轮播的两种方式</title>
<style>
#controls {
width: 400px;
margin: auto;
text-align: center;
}
#container {
width: 400px;
height: 400px;
border: 10px solid #eee;
position: relative;
background: gray;
margin: 10px au