Вкл/Выкл блока div по событию
On-line магазин. Функция «Зуммер»: при наведении мыши на карточку товара, справа от исходного изображения должна появляться его увеличенная копия. Функция известная - наведение линзы. При загрузке страницы блок div с копией выключен по-умолчанию, через CSS:
zoom-result {
display: none;
border: 1px solid #d4d4d4;
width: 780px;
height: 480px;
}
При наведении на исходное изображение мыши, справа возникает блок его копии, сделал через функцию Javascript (часть кода):
..............
function { bigImage()document.getElementById("zoom").style.display="block";}
..............
lens.addEventListener("mouseenter", bigImage);
Т.е. по событию входа мыши, возникает блок с рамкой.
Проблема: блок с рамкой возникает, но - пустой! Исходного изображения в ней нет. Т.е. на исходном блоке слева мышь с линзой работает, но справа появляется только пустая рамка по событию. Изображение куда-то исчезает.
При этом, если убираю функцию вкл/выкл блока копии, все работает. В чем дело? В вебе - новичок (продвинутый).