按箭头键时更改图像

时间:2012-09-29 21:30:51

标签: jquery image keyboard switch-statement

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

1 个答案:

答案 0 :(得分:1)

代码似乎对我来说是正确的,请交叉检查天气按下按键调用该函数,并使用alert方法调用该变量。