LINUX.ORG.RU

Вкл/Выкл блока div по событию

 , , ,


0

1

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); 

Т.е. по событию входа мыши, возникает блок с рамкой. 
Проблема: блок с рамкой возникает, но - пустой! Исходного изображения в ней нет. Т.е. на исходном блоке слева мышь с линзой работает, но справа появляется только пустая рамка по событию. Изображение куда-то исчезает.
При этом, если убираю функцию вкл/выкл блока копии, все работает. В чем дело? В вебе - новичок (продвинутый). 

Дай полный код, по обрывочной информации баг не найти. При смене свойства display изображение не должно пропадать, там явно что-то не то делается.

zoom-result - это что? класс, ид? нет опознавательного символа вначале

zoom - это чей ид?

InterVi ★★ ()