老网站实现图片轮播时可能使用了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>










