Get a glance at a whole web page with an aerial view.
See demo & full documentation here.
Include birdview.js
and birdview.css
in HTML:
<link rel="stylesheet" type="text/css" href="birdview.css"/>
<script type="text/javascript" src="birdview.js"></script>
Then enable Birdview with the initialization method:
birdview.init();
To trigger birdview, you can either:
- Press the Z key
- Pinch-in on a touch device
You can also trigger birdview by clicking any HTML element with a birdview_toggle
class:
<button class="birdview_toggle">Birdview</button>
Or you can toggle birdview programmatically using the toggle method:
birdview.toggle();
You can stop birdview from running on your page by calling:
birdview.destroy();
The destruction method is called inside the initialization method. Calling birdview.init()
multiple times shouldn't create any undesirable overlapping.
Birdview.js is published under the GNU General Public License.