我在一行中有 6 個不同的圖像，它們是從包含縮略圖和高分辨率圖像（與縮略圖相同）的對象數組中隨機挑選的。我希望能夠單擊任何縮略圖并打開帶有全屏高分辨率圖像的模式。由于我使用的是 id，它只適用于六個圖像中的第一個。當我嘗試將其更改為類時，它不起作用。我想將其更改為類，因為我的理解是它將適用于所有六個圖像。我的陣列中有 96 張圖像、48 張縮略圖和 48 張高分辨率圖像。我將提供此數組的刪節示例。我還將提供 HTML、JavaScript 和 CSS（均已刪節）。我試過使用 .avengerpic 和 avengerpic（類名），但都不起作用。我想連續顯示 6 個縮略圖，并且能夠單擊其中任何一個并打開一個帶有較大高分辨率圖像的模式。        let picArray = [             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_1.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_1.jpg"},             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_2.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_2.jpg"},             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_3.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_3.jpg"},             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_4.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_4.jpg"},             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_5.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_5.jpg"},             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_6.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_6.jpg"},             {thumbnail: "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_7.jpg", image:              "https://rcabrerapics.s3.us-east-              2.amazonaws.com/assets/avengers_large_7.jpg"}]