无法从源实现图像

如何解决无法从源实现图像

我正在创建一个网络投资组合，我正在为响应式网页使用不同的照片/图像。但我收到同样的错误，我找不到解决方案 .我使用两组不同图像的原因是我有用于轮播的原版 javascript 代码，但我愿意接受不同的解决方案。

我为图像命名，以便它们可以通过 for 循环添加，例如第一个图像名为 img1.jpg，第二个名为 img2.jpg 等。

function changeSource() {
    const Images = document.querySelectorAll('.slides img');
    for (let i = 1; i < Images.length; i++) {
        Images[i].src = "../Assets/square/img" + i + ".jpg"; 
    }
}

错误信息：1 GET localhost:82/Assets/square/img6.jpg 404 (Not Found)

这是 HTML 标记

        <images>
            <section class="slides">
                <img src="Assets/home/img4.jpg" id="lastclone">
                <img src="Assets/home/img1.jpg">
                <img src="Assets/home/img2.jpg">
                <img src="Assets/home/img3.jpg">
                <img src="Assets/home/img4.jpg">
                <img src="Assets/home/img5.jpg">
                <img src="Assets/home/img1.jpg" id="firstclone">
                <img src="Assets/home/img2.jpg">
            </section>
        </images>
    <script src="js/load.js"></script>
    <script src="js/script.js"></script>
    <script src="js/resize.js"></script>