Как создать поповер, когда кто-то наводит курсор на изображение?

-2

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

Вот пример: http://99designs.com/logo-design/contests/logo-design-naming-contest-25538/entries#contest-breadcrumbs

В этом примере, когда кто-то перемещает курсор над изображением, появляется popover.

Я хочу создать что-то вроде этого.

                                .............Sohag
  • 0
    Что вы пробовали и почему это не сработало?
  • 0
    Пользовательский контроль modalpopup
Показать ещё 1 комментарий
Теги:
popover

2 ответа

0

Попробуй это

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();
  });
});

демонстрация

0

попробуйте использовать tooltipster или вы можете создать свою собственную функцию jquery для этого. эта ссылка вам поможет.

Изображение всплывающей подсказки

tooltipster

если вы готовы заплатить 6 долларов, то этот плагин действительно очень хорош.

подсказка смарт-образа codecanyon

Ещё вопросы

Сообщество Overcoder
Наверх
Меню