Сообщение от Сергей Ракипов
|
Как его можно сократить ?
|
Открой для себя циклы и классы...
![](images/smilies/wink.gif)
Тогда можно будет реализовать нечто такое.
const setPic = document.querySelector(".set_pic")
document.querySelectorAll('.item').forEach((o, i) => {
const url = `url(../picture/box_game-${i}.png)`
// Добавляем обработчик события наведения на элемент
o.addEventListener("mouseenter", _ => {
// Устанавливаем фоновое изображение для элемента setPic
setPic.style.backgroundImage = url;
});
// Добавляем обработчик события ухода с элемента
o.addEventListener("mouseleave", _ => {
// Возвращаем исходное фоновое изображение, если оно было установлено
if (setPic.style.backgroundImage === url) {
setPic.style.backgroundImage = "";
}
});
})