Добрый день,
необходимо сделать javascript тултип для сайта. Как это должно выглядеть:
1) к сайту hexproof.ru подключается js код, который при маусовере на определенные ссылки должен показывать картинку с этой ссылки.
2) ссылка выглядит следующим образом – shop.hexproof.ru/products... (где card_m10_146 является ID товара и может быть любым)
3) при маусовере на такую ссылку показывается картинка, размещенная на странице ссылки. В данном случае – это:
<div class="product-single__photos" id="ProductPhoto">
<img src="//cdn.shopify.com/s/files/1/1757/2705/pr oducts/146_349127ba-bbbe-433c-b87d-f1d48a4d1c0a_10 24x1024.jpg?v=1488129588" alt="Lightning Bolt" id="ProductPhotoImg" data-image-id="20918856398">
</div>
4) тултип отображается поверх всего контента страницы и центрируется таким образом при маусовере, чтобы изображение полностью поместилось на экран
5) изображение уменьшается таким образом, чтобы его высота составила 300 пикселей
6) само изображение помещается в черную рамку со скругленными углами
7) при клике на ссылку происходит обычный переход по ссылке (тултип только при маусовере)