Я хочу показать подвижный popover с некоторыми ссылками и информацией, когда кто-то перемещает курсор над изображением. Я использую Bootstrap 3.
Вот пример: http://99designs.com/logo-design/contests/logo-design-naming-contest-25538/entries#contest-breadcrumbs
В этом примере, когда кто-то перемещает курсор над изображением, появляется popover.
Я хочу создать что-то вроде этого.
.............Sohag
Попробуй это
HTML
<a href="https://www.google.com/images/srpr/logo11w.png" class="fancybox" rel="gallery"><img src="https://www.google.com/images/srpr/logo11w.png"></a>
JavaScript
$("a.fancybox").fancybox({
'showCloseButton': false
}).hover(function() {
$(this).click();
$(".fancybox-overlay").mouseout(function() {
$.fancybox.close();
});
});
попробуйте использовать tooltipster
или вы можете создать свою собственную функцию jquery для этого. эта ссылка вам поможет.
Изображение всплывающей подсказки
если вы готовы заплатить 6 долларов, то этот плагин действительно очень хорош.