На щелчке, изменение изображения. Изображение не изменяет позиции (JavaScript, HTML, CSS) [Закрыто] ⇐ Html

[Anonymous]

Я пытаюсь сделать это так, когда вы нажимаете на изображение 1, появляется изображение 2, но в другой положении, кроме изображения 1. Прямо сейчас, если вы нажмете на изображение 1, изображение 2 заменяет изображение 1 в одном и том же изображении позиции 1 был вместо того, чтобы появиться в другой позиции на странице. >

Код: Выделить всё

var myImage = document.querySelector('img');
myImage.onclick = function() {
var mySrc = myImage.getAttribute('src');
if (mySrc === 'site/photos/Untitled1095\\\_20250217004721.png') {
myImage.setAttribute('src', 'site/photos/Untitled1098\\\_20250217153316.png');
} else {
myImage.setAttribute('src', 'site/photos/Untitled1095\\\_20250217004721.png');
}
}< /code>
#bartender {
position: absolute;
top: 20.5px;
left: 743px;
}

#drink {
position: absolute;
top: 100px;
left: 100px;
}< /code>

[img]site/photos/Untitled1095\\\_20250217004721.png[/img]

[img]site/photos/Untitled1098\\\_20250217153316.png[/img]

Подробнее здесь: https://stackoverflow.com/questions/794 ... t-html-css