jqwidgets-framework/demos/Angular/src/tooltip/tooltippositions/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="margin-left: 200px; width: 370px;" id="container">
  <jqxTooltip #filmPicture1
              [name]="'movieTooltip'"
              [position]="'left'"
              [content]="'The Amazing Spider-man'">
    <img src="./../../../images/The_Amazng_Spider_Man.jpeg" />
  </jqxTooltip>
  <jqxTooltip #filmPicture2
              [name]="'movieTooltip'"              
              [position]="'right'"
              [content]="'Harry Potter and the Deathly Hallows'">
    <img src="./../../../images/Harry_Potter_7_Part_1.jpg" />
  </jqxTooltip>
  <jqxTooltip #filmPicture3
              [name]="'movieTooltip'"
              [position]="'bottom'"
              [content]="'The Avengers'">
    <img src="./../../../images/The_Avengers.jpg" />
  </jqxTooltip>
</div>