Есть сайт u0763918test1.isp.regruhosting.ru
В нём отображается список картинок, при клике на каждую отображаются адресс картинки и она же в большем виде в контейнере.
Также есть возможность закачать свою картинку отдельно. Но здесь перестаёт срабатывать скрипт, он передаёт адресс картинки, но перестаёт отображать картинку.
P.S. Если вы обновите страницу, то увидите ваши загруженные картинки (т.е. это уже статический контент?), но они также при клике будут передавать свой адресс в текстовое поле и НЕ передавать бекграундом картинки.
<script>
function countRabbits() {
let pictures = document.querySelectorAll(".picture");
let boxTwo = document.querySelector(".box2");
let boxText = document.querySelector(".boxText99");
pictures.forEach((picture) => {
let background = picture.getAttribute("src");
picture.addEventListener("click", (e) => {
boxTwo.style.background = `url(${background}) no-repeat center/cover`;
boxText.innerText = background;
});
});
}
</script>
