按箭头键时更改图像

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

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

这是按箭头键时的代码：

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

代码似乎对我来说是正确的，请交叉检查天气，按键调用该function，并通过使用警报方法调用该变量。