javascript：使用鍵盤跳轉到下一張圖片

Question

即時通訊嘗試使用戶友好的鍵盤導航在垂直列表中加載圖像之間跳轉。

例如：

<img src="1.jpg"><br> 
<img src="x.jpg"><br> 
<img src="9.jpg"><br> 
<img src="1357.jpg"><br> 
<img src="lol.jpg"><br> 

我嘗試做出正確的鍵盤上的箭頭向下滾動一個圖像，而左箭頭會向上滾動一個圖像。

我第一次想到我可以在每個圖像上面添加錨點，然後創建一個JS函數，當鍵盤箭頭被按下時，這個函數會轉到這些錨點。但是這樣做肯定有一個更聰明更強大的方法？

Answer 1

設置錨點。

引用列表中的錨點。

使用鍵盤循環瀏覽列表。

正如你所建議的是執行它的標準方法。如果你想使它更健壯，那麼把所有這些圖像放在一個普通的類中，並在運行時動態地創建列表。

$.(".classname").each(function(){ add the element to the list as you see fit }