Search code examples
angular7

Angular 7 Image zoom is not working on mouse hover

My requirement is to zoom the image when mouse hovers over that image

I am using this package in my Angular6 Project: https://www.npmjs.com/package/ngx-image-zoom

Here is the stackblitz editor url: https://stackblitz.com/edit/autocompcus?file=src%2Fapp%2Fapp.component.html

I can't find out where it went wrong.

Thanks in advance

Solution
    • Use [zoomMode]="'click'" to enable zoom on click
    • Use [zoomMode]="'hover'" to enable zoom on hover

    I've updated the stackblitz - https://stackblitz.com/edit/autocompcus-j5kujt.