Skip to content

RedZoom is a modern very easy-to-use image zoom library which made as Angular directive and fully stylable via CSS/SCSS.

License

Notifications You must be signed in to change notification settings

scompiler/red-zoom-angular

Repository files navigation

RedZoom

RedZoom is a modern very easy-to-use image zoom library which made as Angular directive and fully stylable via CSS/SCSS.

Examples, documentation, changelog are available here.

Getting Started

  1. To install RedZoom, run the command below:
    npm install ngx-red-zoom
  2. Import module:
    import { RedZoomModule } from 'ngx-red-zoom';
    
    @NgModule({
        imports: [
            RedZoomModule
        ]
    })
    export class AppModule { }
  3. Import styles:
    @import '~ngx-red-zoom/styles/base.scss';
    @import '~ngx-red-zoom/styles/style-window.scss';
  4. Add directive to your image tag:
    <img
        src="example.jpg"
        redZoom="example.full.jpg"
        redZoomClass="red-zoom--style--window"
    >