0.1.0 • Published 7 years ago

image.viewer v0.1.0

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

TypeScript Image Zoomer

Demo

Description

Vanilla JavaScript image zooming plugin. Requires no dependencies

Installing

  • Via npm npm install -S image.viewer
  • Via cloning git clone https://github.com/pgalias/image.viewer

Usage

  1. In your html file put <script src='path/to/the/dist/image.viewer.min.js'></script> before closing your body tag
  2. In your js file put iv.init(query, [options])

Options

AttributeTypeDefaultDescription
overlayColorString#444background-color of image overlay
easingStringlinearImage zooming css-valid easing function

Caption

Zoomed image can has also a custom caption which will be visible on zoom. You only need to put into img tag data-iv-caption attribute with string value

Changelog

See changelog

LICENSE

MIT LICENSE - © Paweł Galias