наведении мыши – отображать overlay с увеличенной под 200% копией соответствующего изображения.
Однако она должна либо центрироваться по исходной картинке, либо пристыковываться к краям экрана, чтобы не уходить за них и оставаться всегда видимой (если не помещается – пусть центрируется по странице, масштаб подгонять не нужно).
Я взял position:fixed, и у него pointer-events:none, чтобы событиям мыши не мешал.
Но как лучше обращаться с координатами, чтобы получить то, что я хочу?
(jQuery и прочие библиотеки не предлагать, разве что только в качестве образца, если там именно то, что мне требуется).
Взять координаты мыши при наведении и увеличить в этих границах.
Обсуждают сегодня