Zoomerang.js is a lightweight JavaScript library for adding smooth click-to-zoom behavior to almost any element on a web page. Developers attach it to elements with a simple selector-based API and the library handles the visual transition automatically. Images, text, buttons, and other HTML elements can be enlarged while preserving their appearance. Clicking outside the enlarged content or invoking the API restores the original layout. Configuration options control animation duration, background color, padding, and maximum dimensions. Events and programmatic methods allow applications to coordinate custom behavior with zoom transitions. The library has no framework dependency and was distributed through npm, Bower, Component, or a direct script include.
Features
- Click-to-zoom page elements
- Smooth animated transitions
- Configurable background and padding
- Maximum zoom dimension controls
- Programmatic zoom and zoom-out methods
- Framework-independent JavaScript implementation