Arhn - архитектура программирования

как добавить картинку и текст во всплывающую подсказку?

как добавить картинку и текст во всплывающую подсказку? Мой код

<div id="my-tooltip"> 
            <article class="service col-md-4 col-sm-6 col-xs-12">
              <img src="images/wine65.svg" class="img-circle tootltip"  alt="Sok od malina">

              <h3>Fruits</h3>
              <p>
              The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
              </p>
            </article>
        </div>

 <link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
<script type="text/javascript" src="js/jquery.tooltipster.min.js"></script>

 <script>
    $(document).ready(function() {
        $('#my-tooltip').tooltipster({
            content: $('<img src="images/malina1.png" /> <strong>Sok od maline</strong>')
        });
    });
</script>
html css twitter-bootstrap tooltip
03.07.2015

Ответы:


1

Используйте Jquery UI вместо Tooltipster:

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

И добавьте следующий скрипт:

$(document).ready(function() {  
       $("#my-tooltip").tooltip({
           content: '<img src="images/malina1.png" />'
       });
});
08.07.2015
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..