ngx-red-zoom
TypeScript icon, indicating that this package has built-in type declarations

0.13.0 • Public • Published

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

Package Sidebar

Install

npm i ngx-red-zoom

Weekly Downloads

1,031

Version

0.13.0

License

MIT

Unpacked Size

199 kB

Total Files

28

Last publish

Collaborators

  • scompiler