按下箭头键时更改图像

Question

我现在只使用 JavaScript 和一般编程，大约一个月了，遇到了一个我无法找到解决方案的问题。所以我在这里。 我创建了一个图库，您可以在其中单击小图像以在新的“窗口”中放大它们（它只是放置在页面其余部分顶部的 div），以便更好地查看图片。

这是棘手的部分。我希望能够在按箭头键时更改图像。 例如，如果我按下键盘上的右箭头键，我希望隐藏旧图片，并让第二张图片淡入。

这是你按下箭头键时的代码：

function onKeyPress(e)
{
    if (e.keyCode == 37) {
        lastImage.hide();
        indexNum--;
        $("#zoomImage img").attr('src', picSrc[indexNum]).fadeIn();
    }

    if (e.keyCode == 39) {
        lastImage.hide();
        indexNum++;
        $("#zoomImage img").attr('src', picSrc[indexNum]).fadeIn();
    }
}

这是变量的代码：

lastImage = $(#zoomImage img");  //The last picture shown)

var picSrc = ["img1.png", "img2.png", "img3.png"];

Answer 1

代码对我来说似乎是正确的，请交叉检查该函数在按键时被调用的天气，并且该变量可通过使用警报方法进行调试在内部访问。