@maximusDreddoff

Как изменить положение tooltip'a и добавить в него картинку?

Мне нужно сделать так, чтобы мой tooltip появлялся над блоком с информацией, внутри была картинка, а хвост tooltip 'a был направлен вниз. Для этого я использую в проекте qtip2. Я хочу, чтобы на выходе у меня вышло как-то так: https://monosnap.com/file/MGy8vjYV06dmeH6x7vhJdewu... . Вот кусок моего кода:
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <div class="col-xs-3  col-sm-3  col-md-3 col-lg-3 tooltip-item ">
         <div class="wrapper-tooltips test">
             <div class="first-line">
                2 min
             </div>
             <div class="second-line">
                from
             </div>
             <div class="destinations-line">
             <span>square</span>
             </div>
        </div>
   </div>
</div>


$('.test').qtip({
        content: {
            text: 'My common piece of text here'
        },
        position : {
            my : 'top center',
            at : 'top center'

        }
    })


Поддерживает ли данный плагин те функции, которые я задумал? Если нет, то подскажите какой-нибудь другой плагин для этого случая.
Спасибо за уделенное время.
  • Вопрос задан
  • 666 просмотров
Решения вопроса 1
Много писать не могу, ребенок на руках. Просто оставлю пару ссылок:
1. qtip1.com/demos/content/loading#
2. iamceege.github.io/tooltipster/#demos
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
weranda
@weranda
Наглядно продемонстрировано как это делается:
qtip1.com/docs/tutorials/#position
qtip2.com/demos
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы