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 }