C'est très simple.
Tu indiques simplement, les uns à la suite de l'autre, l'id de la balise sur laquelle tu veux qu'il y ai une infobulle, et la position de cette infobulle.
Ex:
La position de l'infobulle sera respectivement bcc (bottom-center-center), brl (bottom-right-left) et lmb (left-middle-bottom).
Voilà, il faut juste regarder le Readme qui explique comment instancier un 'on-page tutorial'
Tu indiques simplement, les uns à la suite de l'autre, l'id de la balise sur laquelle tu veux qu'il y ai une infobulle, et la position de cette infobulle.
Ex:
<div title="el:'h1',pos:'bcc'">
<p class="title">Titre première infobulle</p>
<p> Texte 1ère infobulle</p>
<p> Texte</p>
</div>
<div title="el:'#header',padding:5,pos:'brl'">
<p class="title">Titre 2ème infobulle</p>
<p> Blablablabla 2ème infobulle</p>
</div>
<div title="el:'ul',padding:2,pos:'lmb'">
<p class="title">Fork me here</p>
</div>
Ici, les infobulles se placeront successivement sur la balise h1, la balise ayant pour id #header et la balise ul.La position de l'infobulle sera respectivement bcc (bottom-center-center), brl (bottom-right-left) et lmb (left-middle-bottom).
Voilà, il faut juste regarder le Readme qui explique comment instancier un 'on-page tutorial'