Witam,
Mam kod:
[html]

<div class="scalize">

  <img src="img/jacket.png" alt="" class="target">
  <div class="item-point" data-top="130" data-left="300">
    <div>
      <a href="#" class="toggle tooltips" title="<h1><b>Sample text 1</b> <br/>xyznsak" data-html="true" rel="tooltip"></a>
    </div>
  </div>
  <div class="item-point" data-top="180" data-left="462">
    <div>
      <a href="#" class="toggle tooltips" title="<h1><b>Sample text 2</b> <br/>test" data-html="true" rel="tooltip"></a>
    </div>
  </div>
  <div class="item-point" data-top="380" data-left="215">
    <div>
      <a href="#" class="toggle tooltips" title="<h1><b>Sample text 3</b>  <br/>welcome" data-html="true" rel="tooltip"></a>
    </div>
  </div>
</div>

[/html]
Po kliknięciu w punkt na obrazku chciałbym wyświetlić tooltip z tagami html (title). Na przykład:

Sample text 2
test

Niestety po kliknięciu dymek/tooltip się nie wyświetla :(

Podgląd: http://serwer1356363.home.pl/pub/component/index2.html

Wie ktoś może jak to naprawić?

Bardzo proszę o pomoc.

proszę o usunięcie powyższego posta. Przepraszam za kłopot

Poprawny post:

Witam,
Mam kod:

<div class="container">


    <div class="scalize">

      <img src="img/jacket.png" alt="" class="target">
      <div class="item-point" data-top="130" data-left="300">
        <div>
          <a href="#" class="toggle tooltips" title="<h1><b>Sample text 1</b> <br/>xyznsak" data-html="true" rel="tooltip"></a>
        </div>
      </div>
      <div class="item-point" data-top="180" data-left="462">
        <div>
          <a href="#" class="toggle tooltips" title="<h1><b>Sample text 2</b> <br/>test" data-html="true" rel="tooltip"></a>
        </div>
      </div>
      <div class="item-point" data-top="380" data-left="215">
        <div>
          <a href="#" class="toggle tooltips" title="<h1><b>Sample text 3</b>  <br/>welcome" data-html="true" rel="tooltip"></a>
        </div>
      </div>
    </div>

  </div>

  <script type="text/javascript">
    $(document).ready(function() {
      $('.scalize').scalize({
        styleSelector: 'circle',
        animationPopoverIn: 'flipInY',
        animationPopoverOut: 'flipOutY',
        animationSelector: 'pulse2'
      });


      $('.tooltips').tooltip({
        selector: "a[rel=tooltip]"
      })

    });
  </script>

Po kliknięciu w punkt na obrazku chciałbym wyświetlić tooltip z tagami html (title). Na przykład:

<h1><b>Sample text 2</b> <br/>test

Niestety po kliknięciu dymek/tooltip się nie wyświetla :(

Podgląd: [url="http://serwer1356363.home.pl/pub/component/index2.html"]http://serwer1356363.home.pl/pub/component/index2.html[/url]

Wie ktoś może jak to naprawić?

Bardzo proszę o pomoc.

Jak chcesz tooltip na klik to zgodnie z dokumentacją musisz dodać trigger: 'click' inna sprawa, że tam ci się style gryzą i są wyłączone co widać w zbadaj element.