更简便地一次切换多张图片

如何用js调用一组数组中的多个集合到一组元素中？
如图：点击一次切换三张图片

img

<div class="cright">
                    <div class="lbt" onclick="lbt()"><div>
                    <div>
                        <img src="./imgs/1.1.webp" alt="">
                        <img src="./imgs/1.2.webp" alt="">
                        <img src="./imgs/1.3.webp" alt="">
                    div>
                    <div class="rbt" onclick="rbt()">>div>
  div>

let arr1 = [
        [
            { src: './imgs/1.1.webp', },
            { src: './imgs/1.2.webp', },
            { src: './imgs/1.3.webp', }
        ],
        [
            { src: './imgs/1.4.webp', },
            { src: './imgs/1.5.webp', },
            { src: './imgs/1.6.webp', }
        ]
    ]
let   index1=0
let lb2 = document.querySelectorAll('.cright img ')
  lbt = function () {
        index1--
        if (index1 == -1) {
            index1 = arr1.length - 1
        }    
//可行代码 
        lb2[0].src = arr1[index1][0].src
        lb2[1].src = arr1[index1][1].src
        lb2[2].src = arr1[index1][2].src
    }

lb2[0].src = arr1[index1][0].src
lb2[1].src = arr1[index1][1].src
lb2[2].src = arr1[index1][2].src
这种方法可以实现一次切换三张图片，但还是觉得有点繁琐不方便，思考通过遍历方法没有成功。有什么更简便的方法吗？