老网站 轮播图重构 ——HTML+JavaScript简单地实现图片轮播

老网站实现图片轮播时可能使用了flash相关的技术，但是由于安全原因，很多浏览器都已经不再支持flash动画渲染。
所以，我们需要 将基于flash实现的图片轮播部分重构 。
使用Vue、React技术又有点大材小用，杀鸡怎用牛刀（其实是我不太 会用nodejs）。我希望解决该问题的方法越简单越好。于是收到了这篇帖子 HTML + JavaScript 实现简单的轮播图，帮女朋友的爸爸解决了网站问题，哈哈 😃

使用下面的<div id="banner">标签替换原有网站中的控制图片轮播的标签<div id="banner">，改改图片路径，不用写css，粘贴替换就行。

<div id="banner">
  <img id="img" src="img/banner1.jpg" width="100%">
  <script>
    var number = 1;
    function fun(){
        number ++ ;
        if(number > 5){
            number = 1;
        }
        var img = document.getElementById("img");
        img.src = "img/banner"+number+".jpg";
    }
    setInterval(fun,3000);
 </script>
</div>