Как перейти к содержимому второго html-документа при нажатии на ссылку в первом html-документе? (аналогично сайту artsta ⇐ Javascript

[Гость]

Я создаю веб-сайт с художественным портфолио, на котором содержимое моей галереи изображений динамически добавляется с помощью JS (файл JSON), поскольку многие изображения нужно добавлять вручную с помощью html-тегов.
Когда я нажимаю на каждое изображение, я хочу, чтобы оно открывало другую HTML-страницу, на которой отображается полноэкранное изображение с некоторой дополнительной информацией, связанной с этим конкретным изображением.
Нелогично создавать для каждого изображения сотни уникальных html-файлов. Итак, у меня есть «gallery.html», и мне просто нужен еще один HTML-код с именем «artwork.html», содержимое которого меняется в зависимости от изображения, на которое я щелкнул в «gallery.html» (точно так же, как работает artstation). Что я могу сделать? Стоит ли вообще делать так, как я сказал выше? Должен ли я изменить свой подход? Буду рад любым советам.

Я попробовал событие onclick, но невозможно манипулировать элементами второго HTML-кода с помощью JS, пока я нажимаю на изображение в первом HTML-коде.
Я думаю, что artstation использует ajax, но я новичок и немного растерялся, поэтому не совсем знаю, как правильно сделать это с помощью ajax.