Angular 10 Image Zoom (Magnifier Popup) Hover Effect Using ngx-img-zoom Library Full Tutorial

You are currently viewing Angular 10 Image Zoom (Magnifier Popup) Hover Effect Using ngx-img-zoom Library Full Tutorial

 

Welcome folks today in this blog post we will be building a Image Zoom Effect on Hover App in Angular 10. All the source code of the application is given below. A step by step youtube video is given below.

 

 

 

 

 

 

 

 

For this app we will need to install one dependency which is shown below.

 

npm i ngx-img-zoom

 

First of all inside your app.module.ts file include your dependency like this

 

 

 

And after this you need to go to app.component.html and copy paste the following code like this

 

 

 

And then inside your app.component.ts file copy paste the following code like this

 

 

 

 

Leave a Reply