如何在缩略图面板的下一个和上一个按钮的图像偏移，使用核心javascript

我正在建立一个相册的过程-一个简单的一个有一个大尺寸的图像的div，并在这个div下面有5个缩略图图像。然后，这个较低的div将有一个适当放置的左箭头和右箭头图像，单击后将偏移缩略图容器并引入下一个5个缩略图。当然，在点击缩略图时，上面div中的大图也会改变以反映正确的图像。

我知道这很简单，更好的图库可以使用jquery等库来构建。但是我在学习Javascript的过程中，想要学习它的硬件方式，而不是使用那些优秀的库。

我在开发"抵消"部分时遇到了问题。如何跟踪缩略图容器中包含的第一个和最后一个缩略图，以便左右箭头键可以适当地偏移并带来缩略图?

另外，请指导我任何资源，让我开发这样的缩略图为基础的画廊，而不使用任何库，如jquery。我不想要任何花哨的效果/幻灯片的东西，只是一个简单优雅的静态画廊就可以了。

谢谢!