HoverZoom
Dependency free zoom element on hover
Setup
npm install hoverzoom
<div id="container">
<div>Some content for zooming</div>
</div>
import HoverZoom from "hoverzoom";
const hoverZoom = new HoverZoom("#container", options);
Options
Option | Type | Default | Description |
---|---|---|---|
mode |
string |
contain |
contain , cover , autoHeight or autoWidth |
padding |
number | object |
{top: 0, right: 0, bottom: 0, left: 0} |
Sets padding for hover |
Methods
Method | Argument | Description |
---|---|---|
updateScale |
Update scale value according to sizes of container and it's content |
|
update |
updateScale = true |
Redraw |
License
MIT
Copyright © 2017 Eugene Nesvetaev