Javascript 如何使用下一个/上一个按钮制作3x3 img网格并选择一个大网格

我确信以前有人问过这个问题，我也看过，也试过，但没有一个是正确的

我正在为一个客户创建一个网站，他们想要一个有9张图片的页面，图片格式为3x3，我已经得到了。然而，我一直坚持的一点是，如果用户点击图像并在底部有下一个/上一个按钮，而背景仍然有3x3网格，但变暗以显示他们选择了图像，他们希望图像被放大

我目前的情况是：

<div class="col-xs-12">
    <img src="image1.png">
    <img src="image2.png">
    <img src="image3.png">
    <img src="image4.png">
    <img src="image5.png">
    <img src="image6.png">
    <img src="image7.png">
    <img src="image8.png">
    <img src="image9.png">
</div>

---

我还没有得到任何与之相关的

CSS

或

JavaScript

，因为我已经尝试了许多与此相关的不同方法，但它们似乎都不起作用。有人能帮忙吗

搜索

lightbox

或尝试@Pugazh omg非常感谢：）