`

Check basic example in browser:
Basic Example

Arguments

- container (Object) - DOM element, which contains a source image
- options (Object) - js-image-zoom options
* width (number) - width of the source image (optional)
* height (number) - height of the source image (optional).
* zoomWidth (number) - width of the zoomed image. Zoomed image height equals source image height (optional)
* img (string) - url of the source image. Provided if container does not contain img element as a tag (optional)
* scale (number) - zoom scale. if not provided, scale is calculated as natural image size / image size, provided in params (optional if zoomWidth param is provided)
* offset (object) - {vertical: number, horizontal: number}. Zoomed image offset (optional)
* zoomContainer (node) - DOM node reference where zoomedImage will be appended to (default to the container element of image)
* zoomStyle (string) - custom style applied to the zoomed image (i.e. 'opacity: 0.1;background-color: white;')
* zoomPosition (string) - position of zoomed image. It can be: top, left, bottom, original or the default right`.
* zoomLensStyle (string) custom style applied to to zoom lents (i.e. 'opacity: 0.1;background-color: white;')

For react users

React wrapper around js-image-zoom is available:

react-image-zoom

RouteMap

- [ ] extend testing coverage
- [ ] add additional examples