Skip to content

Latest commit

 

History

History
37 lines (32 loc) · 863 Bytes

README.md

File metadata and controls

37 lines (32 loc) · 863 Bytes

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"
    >