Src 在模式下更新 js 功能工作正常，但如果我使用 next/prev 按钮，它会从我离开的点开始下一个 sessin

问题描述

我是初学者。这是我画廊的 js，我不想将图像用于模态图像滑块的两倍，而是 js 在单击时更新模态图像的 src。它工作正常，但是通过添加上一个/下一个按钮，如果我单击几次并退出，下次当我单击图库中的 og img 时，它将显示我完成的 img，在最后会议。如果我点击一个新的 img 它工作正常。我有点理解我总是在更新 img[i]，这就是原因，但我不知道如何修复它。谢谢。

这是我的代码：

const img = document.getElementsByClassName('img');
const mimg = document.querySelector('.img-modal');
const prev = document.querySelector('.prev');
const nxt = document.querySelector('.nxt');

//gets the src of the gallery img and replaces the src of the modal img
for (let i = 0; i < img.length; i++) {
    img[i].addEventListener ('click',(e) => {
        mimg.src = img[i].src;
    
        //prev button
        prev.addEventListener('click',(e) => {
            if (i <= 0) i = img.length;
            i--;
            mimg.src = img[i].src;
        });
    
        //next button
         nxt.addEventListener('click',(e) => {
            if (i >= img.length) i = -1;
            i++;
            mimg.src = img[i].src;
        });
    
    });
}; 

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）