想让中间图片变成可以轮换的

设计了一个页面，想让中间图片几秒钟轮换，就网上下面有几个小点那种，在代码里加哪一串呀

img

我这里有个轮播图片的例子你可以参考下

<!DOCTYPE html>
<html>
<head>
    <style>
        .slideshow {
            display: none; /* 初始隐藏轮播图 */
        }
    </style>
</head>
<body>
    <div class="slideshow">
        <img src="image1.jpg" alt="Image 1">
        <img src="image2.jpg" alt="Image 2">
        <img src="image3.jpg" alt="Image 3">
    </div>

    <script>
        // 获取轮播图元素
        var slideshow = document.querySelector('.slideshow');
        // 获取所有图片元素
        var images = slideshow.getElementsByTagName('img');
        // 设置初始索引和轮播间隔时间（单位：毫秒）
        var currentIndex = 0;
        var interval = 3000;

        // 轮换图片函数
        function rotateImages() {
            // 隐藏当前显示的图片
            images[currentIndex].style.display = 'none';
            // 计算下一张图片的索引
            currentIndex = (currentIndex + 1) % images.length;
            // 显示下一张图片
            images[currentIndex].style.display = 'block';
        }

        // 初始化轮播图
        images[currentIndex].style.display = 'block';

        // 每隔指定时间调用轮换图片函数
        setInterval(rotateImages, interval);
    </script>
</body>
</html>