html5的轮播图有三张下面的轮播点怎么做的？

有三张轮播图，下面的三个点是怎么做出来的，是插的图片还是有什么代码

就是普通的元素，如div，将元素定位在那个位置，有几张图就添加几个div，滑到的图片的第index项，对应div的第index项添加选中class

用swiper插件，都有这个

ol那块，使用position:absoluted绝对定位

<div class="all" id='all'>
        <div class="screen" id="screen">
            <ul id="ul">
                <li><img src="images/1.jpg" width="500" height="200" /></li>
                <li><img src="images/2.jpg" width="500" height="200" /></li>
                <li><img src="images/3.jpg" width="500" height="200" /></li>
                <li><img src="images/4.jpg" width="500" height="200" /></li>
                <li><img src="images/5.jpg" width="500" height="200" /></li>
                <li><img src="images/1.jpg" width="500" height="200" /></li>

            </ul>
            <ol>
                <li class="current">1</li>
                <li class="">2</li>
                <li class="">3</li>
                <li class="">4</li>
                <li class="">5</li>
            </ol>
            <div id="arr">
                <span id="left"></span>
                <span id="right">></span>
            </div>
        </div>
    </div>

```