Подгрузка изображения при клике. Как реализовать на js?

Question

[Боб Семович]

Есть такая структура:


Зелёная рамка - картинки, что загружаются при загрузке сайта.
Красная рамка - изображение которое загружается при клике на картинку с зелёной рамкой.

Адрес изображения с красной рамкой должен прописываться НЕ в js и НЕ в css, а в html (мне это в cms потом нужно интегрировать)
Как такое реализовать на js?

Заранее огромное спасибо за ответы!

Answer 1

[Michail Vasiliev]

Добавляешь новый атрибут
Пример
img src="./images/1_1x.png" src-temp='./images/1_2x.png'
При клике меняешь значения местами

Comments

[Боб Семович]

Простите, но я в js не селён. Мог ли бы показать код для js? Быть может в codepen? Заранее спасибо!

[Michail Vasiliev]

Comrues, у вас jq используется на сайте, иль ваниль?

[Боб Семович]

Нет. Только чистый js

[Michail Vasiliev]

Comrues, через минут 20 покажу результат

[Боб Семович]

Michail Vasiliev, огромное спасибо!!!!!