Показать подсказку с содержанием изображения

Question

Я использую qTip2 и хочу показать изображение в качестве содержимого всплывающей подсказки.Я думаю, что это может быть установлено свойством содержимого, но я просто не мог понять это правильно.

Я показываю всплывающую подсказку по ссылке:

 <li class="answer">We provide personalised <a id="aboutshop" href="@Url.Action("Index", "Shop")">
        shopping list</a> based on what you have in your stock</li>


    // Tooltip for about shop link
    $('#aboutshop').qtip($.extend({}, myStyle, {

    }));

Любая идея, как установитьсодержание, чтобы быть изображением как это?

  <img src="../../Content/HomePage/aboutshop.JPG" />

Answer 1

Мне удалось добавить изображение с помощью кода ниже.

$(document).ready(function()
{
// Match all <A/> links.
$('a').qtip({
    content: {
        text: '<img src="http://www.ronedmondson.com/wp-content/uploads/2009/06/smiley-face1.jpg" />'
    }
   });
});

Answer 2

Я думаю, что вы можете добавить изображение, которое вы хотите использовать в DOM, а затем ссылаться на него как на текст вашего qtip:

<img id='tooltip1' style="display:none;" src="../../Content/HomePage/aboutshop.JPG" />

$('#aboutshop').qtip({
   content: {
      text: $('#tooltip1') 
   }
});