@Zo1reX

Изменение значение кликом на картинке?

У меня есть 4 картинки (например: 1 - яблоко, 2 - банан, 3 - груша) и Обложка, мне нужно что бы при клике на картинку "яблоко" у меня менялось картинке обложки на яблоко.

<h1>Выберите обложку</h1>

<p>Яблоко</p>
<a href="#"><img src=<?= $galary[0] ?>></a>

<p>Банан</p>
<a href="#"><img src=<?= $galary[1] ?>></a>

<p>Груша</p>
<a href="#"><img src=<?= $galary[2] ?>></a>
  • Вопрос задан
  • 149 просмотров
Решения вопроса 1
@Everybody_Lies
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@MrColdCoffee
web
ПРИМЕР

HTML:
<h1>Обложка</h1>
<img id="view" src="">

<h2>Выберите обложку</h2>

<p>Яблоко</p>
<a class="sbtn" href="#"><img src="123"></a>

<p>Банан</p>
<a class="sbtn" href="#"><img src="1234"></a>

<p>Груша</p>
<a class="sbtn" href="#"><img src="12345"></a>

JS:
document.querySelectorAll('.sbtn').forEach(elem => elem.addEventListener('click',(e)=>{
e.preventDefault();
document.getElementById('view').setAttribute('src', elem.querySelector('img') ? elem.querySelector('img').getAttribute('src') : document.getElementById('view').getAttribute('src') );
})
);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
21 мая 2022, в 02:27
10000 руб./за проект
20 мая 2022, в 23:28
5000 руб./за проект
20 мая 2022, в 23:24
5000 руб./за проект