我在一行中有 6 個(gè)不同的圖像，它們是從包含縮略圖和高分辨率圖像（與縮略圖相同）的對(duì)象數(shù)組中隨機(jī)挑選的。我希望能夠單擊任何縮略圖并打開(kāi)帶有全屏高分辨率圖像的模式。由于我使用的是 id，它只適用于六個(gè)圖像中的第一個(gè)。當(dāng)我嘗試將其更改為類時(shí)，它不起作用。我想將其更改為類，因?yàn)槲业睦斫馐撬鼘⑦m用于所有六個(gè)圖像。我的陣列中有 96 張圖像、48 張縮略圖和 48 張高分辨率圖像。我將提供此數(shù)組的刪節(jié)示例。我還將提供 HTML、JavaScript 和 CSS（均已刪節(jié)）。我試過(guò)使用 .avengerpic 和 avengerpic（類名），但都不起作用。我想連續(xù)顯示 6 個(gè)縮略圖，并且能夠單擊其中任何一個(gè)并打開(kāi)一個(gè)帶有較大高分辨率圖像的模式。        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"}]