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

Question

[maximusDreddoff]

Мне нужно сделать так, чтобы мой 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'

        }
    })

Поддерживает ли данный плагин те функции, которые я задумал? Если нет, то подскажите какой-нибудь другой плагин для этого случая.
Спасибо за уделенное время.

Answer 1

[Андрей Клюев]

Много писать не могу, ребенок на руках. Просто оставлю пару ссылок:
1. qtip1.com/demos/content/loading#
2. iamceege.github.io/tooltipster/#demos

Answer 2

[weranda]

Наглядно продемонстрировано как это делается:
qtip1.com/docs/tutorials/#position
qtip2.com/demos