JavaScript实现两组图片的轮播效果

JavaScript实现两组图片的轮播效果

前端新人 第一次写博客 多多指教

图片轮播功能：

1. 点击图片上的左右箭头切换图片。
2. 点击上一组或下一组的按钮同时控制图片的切换；
3. 图片的循环切换；

HTML代码

<button>上一组</button>
        <button>下一组</button>
        <br><br>
    <div class="wrap">
         <a class="pre" href="#">></a>
        <a class="next" href="#"><</a>
        <img src="images/22.jpg">
        <p>图片正在加载.....</p>
        <span>数据正在计算....</span>
        
    </div>
    <div class="wrap">
        <a class="pre" href="#">></a>
        <a class="next" href="#"><</a>
        <img src="images/11.jpg">
        <p>图片正在加载.....</p>
        <span>数据正在计算....