按箭頭鍵更改圖片

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

來源

2012-09-29 Emil C

當看不到標記和所有變量時，有點難以回答。我想你應該在[jsfiddle]（http://jsfiddle.net）中設置一個小例子... – adeneo

或者至少將HTML和CSS添加到問題中。 – j08691

代碼似乎是正確的我，請交叉檢查渡過函數被調用的按鍵和變量都在裏面訪問使用警報方法調試。

來源

2012-09-29 21:39:18

我相信就是這樣。 +1正確擊中它！ – adeneo

這裏是[jsfiddle.net小鏈接]（http://jsfiddle.net/WeD75/8/）爲你有一個工作[演示]（http://jsfiddle.net/WeD75/8/） –

只是首先點擊右下方的窗口（預覽窗口），然後嘗試向右和向左箭頭更改圖像。 –

按箭頭鍵更改圖片

回答

相關問題