jqwidgets-scripts-custom/demos/Angular/tooltip/closeonclick/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="margin-left: 180px; width: 400px;" id="container">
  <jqxTooltip [theme]="'material'" #filmPicture1
              [name]="'movieTooltip'"
              [autoHide]="false"
              [content]="'The Amazing Spider-man'"
              [position]="position">
    <img src="https://www.jqwidgets.com/angular/images/The_Amazng_Spider_Man.jpeg" />
  </jqxTooltip>
  <jqxTooltip [theme]="'material'" #filmPicture2
              [name]="'movieTooltip'"
              [autoHide]="false"
              [content]="'Harry Potter and the Deathly Hallows'"
              [position]="position">
    <img src="https://www.jqwidgets.com/angular/images/Harry_Potter_7_Part_1.jpg" />
  </jqxTooltip>
  <jqxTooltip [theme]="'material'" #filmPicture3
              [name]="'movieTooltip'"
              [autoHide]="false"
              [content]="'The Avengers'"
              [position]="position">
    <img src="https://www.jqwidgets.com/angular/images/The_Avengers.jpg" />
  </jqxTooltip>
</div>