Как сделать такое окно при наведении на объект?

Question

[Stacy None]

Привет народ!
Тренируюсь на bootstrap. И Хочу сделать вот такое popover окно при наведении:


Фишка в том что окно такого же размера что и постер и появляется это окно в пределах этого прямоугольника, не с верху, не с низу а только с лева и с права в зависимости от положения постера к краю.
Вот сам сайт с этим эффектом.
Заранее спасибо!

Answer 1

[V Sh.]

Ловите событие onmouseover на родителе. Находите нужный event.target (например, $(event.target).hasClass('popup'). Считываете размеры у таргета, рисуете, творите...

Comments

[Stacy None]

Спасибо за ответ но в js я не шарю на таком уровне)
Был бы очень признателен за более открытый ответ, или пример)

[V Sh.]

Stasy11: хотя тут даже проще. Без js. Вы с css знакомы? Реализуемо через псевдокласс :hover, при условии, что вся информация в попапе уже загружена на странице.