我只使用 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"];