Позиционирование popover с CSS

Question

У меня есть следующее: Когда пользователь наводит на первое изображение, он видит второе изображение на popover.

<img src="myimage.jpg" rel="mypop" data-content="&lt;img src=&quot; otherimage.jpg &quot;&gt;">

Я использую это в тегах сценария

$("[rel=mypop]").popover({ placement:'right', html : true });

Все нормально изображение находится в середине страницы. Но если пользователь наводит на изображение в верхней или нижней стороне страницы, он не может видеть правильное изображение.

Чтобы решить эту проблему, предположим, что я должен использовать CSS.

<style type="text/css"> img[rel="mypop"] { } </style>

Но я не мог найти то, что писать в стиле CSS, чтобы показать пользователю поповер в надлежащем месте. Я хочу, чтобы пользователь увидел popover без каких-либо конфликтов с любой частью страницы.

http://img17.imageshack.us/img17/2082/screensqh.jpg

Answer 1

Я использовал Twitter Bootstrap popover для этого. Но я узнал, что использование popover (для показа изображений) не подходит. Итак, теперь я использую Colorbox для отображения таких данных.