Directory

← Back

img-pan-zoom

Image pan zoom element, uses openSeadragon

Author

Contributors

Rating

[ This description is mirrored from README.md at github.com/ryanburns23/img-pan-zoom on 2019-05-22 ]

<img-pan-zoom>

Published on webcomponents.org

Image pan zoom element

Images are preloaded by img-loader and a spinner is shown until loaded Deep Zoom Images are supported

See Demos for more info

Usage

<img-pan-zoom src="demo/images/dez.jpg"></img-pan-zoom>

History

V2.0.0:

  • Polymer 2 support
  • Remove neon animation import

V1.1.0:

  • Init Deep Zoom Image support
  • Option to disbale fade in

V1.0.1:

  • Zoom in method
  • Zoom out method
  • Reset Zoom method
  • Fade in image on item added
  • Option to hide spinner

v1.0.0:

  • Init

Credits

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

PolymerElements/paper-spinner#1 - 2

  • Polymer/polymer#1.9 - 2
Released
2017-06-11
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.1.0
Browser
Browser Independent

img-pan-zoom - Vaadin Add-on Directory

Image pan zoom element, uses openSeadragon img-pan-zoom - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/ryanburns23/img-pan-zoom](https://github.com//ryanburns23/img-pan-zoom/blob/v2.0.0/README.md) on 2019-05-22 ]** # [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/ryanburns23/img-pan-zoom) Image pan zoom element Images are preloaded by `img-loader` and a spinner is shown until loaded Deep Zoom Images are supported See [Demos](https://www.webcomponents.org/element/ryanburns23/img-pan-zoom/demo/demo/index.html) for more info ## Usage ```html ``` ## History #### V2.0.0: - Polymer 2 support - Remove neon animation import #### V1.1.0: - Init Deep Zoom Image support - Option to disbale fade in #### V1.0.1: - Zoom in method - Zoom out method - Reset Zoom method - Fade in image on item added - Option to hide spinner #### v1.0.0: - Init ## Credits - [openSeadragon](https://openseadragon.github.io)
Online