如何编写具有不同图像尺寸（宽度）的两行JavaScript图像轮播？

Question

This is how carousel looks like at the very beginning

我得到了使用JavaScript编写两行轮播的任务。转盘应包含两行不同大小的图像。红色是容器，当按下prev / next按钮时，两行都应移动。轮播的意义在于，例如，当您按下一步时，图像＃7应该位于容器的右侧，并且两行应移动相同的长度。如果再次按下next，则图像＃5应该在右侧，接下来的图像＃6，依此类推。这正是我的问题，每当我按下一个按钮时，程序如何知道下一张图像，该如何解决？并将其放在右侧，同时又将两行移动该长度？