wxzNgImageViewer — AngularJS directive of image viewer

Features

• set view scale max,min and step
• Angular 1.2+ without jQuery and other dependencies

Demo

local Demo in current path

npm i && gulp

then open http://localhost:3000/docs/

Installation

You can download files through Bower:

bower install wxz-ng-image-viewer

or use npm:

npm install wxz-ng-image-viewer --save

usage

need to include wxz-ng-images-viewer-tpls.min.js && wxz-ng-images-viewer.min.css

  angular.module('myModule', ['wxzNgImageViewer']);

   <wxz-ng-image-viewer
          img-src = "imgSrc"
          max='9'
          min='0.1'
          repeat = '2'
  ></wxz-ng-image-viewer>

Attributes

• img-src -- img path
• max -- defalut:5, the max scale Value
• min -- default:0.1, the min scale Value
• repeat -- default:1, repeat times of img
• step -- defalut:0.1, scale step