我正在建立一个照片库 - 一个简单的照片库，其中包含一个带有大尺寸图像的div，以及一个下面的div，可以说5个缩略图。然后，这个下部div将适当地放置左右箭头图像，这在点击时将偏移缩略图容器并引入接下来的5个缩略图。当然，在点击缩略图时，上面div中的大图像也会改变以反映正确的图像。
我知道这很简单，可以使用像jquery等库来构建更好的画廊..但是我正在学习Javascript，并且想要学习它而不是立即使用那些优秀的库。
我在开发“抵消”部分时遇到了问题。如何跟踪缩略图容器中包含的第一个和最后一个缩略图，以便左右箭头键可以偏移并正确显示缩略图？
另外，请引导我使用任何资源，这些资源可以让我开发基于缩略图的画廊而不使用像jquery这样的库。我不想要任何花哨的效果/幻灯片的东西，只是一个简单优雅的静态画廊。
谢谢！