title: How to display image zoom popup beside image on hover using ngx-image-zoom in Angular 9?
body: <p>image-zoom for zooming a product image on mouse hover but i want that when user hover mouse on that image, a div that displays the zoomed image pops beside the image like we get on amazon. I am not able to understand how to do that using ngx-image-zoom.</p>
  <p>app.html</p>
  <pre><code>  &lt;h1&gt;
      {{title}}
    &lt;/h1&gt;
    &lt;lib-ngx-image-zoom
        [thumbImage]=myThumbnail
        [fullImage]=myFullresImage
     &gt;&lt;/lib-ngx-image-zoom&gt;
  </code></pre>
  <p>app.ts</p>
  <pre><code>    myThumbnail=&quot;https://wittlock.github.io/ngx-image-zoom/assets/thumb.jpg&quot;;
    myFullresImage=&quot;https://wittlock.github.io/ngx-image-zoom/assets/fullres.jpg&quot;;
  </code></pre>
  <p>Or is there any other plugin or library i can use to implement this easily?</p>