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 }