File Size: 691KB
Total Views: 4055
Date Created:
Last Modified Date:
Official Website: Go to website
License: MIT
Zoom.js is a modern lightweight “Medium” style image zooming jQuery plugin. It transitions/zooms in smoothly with CSS transitions and will disappear on scroll or click.
Features:
- Very easy to implement, do not need any coding experience.
- Works with most modern browsers.
- It transitions/zooms in really smoothly.
- Auto disable zooming on the scroll of the page. You do not need to do it manually.
How to use it:
1. Include the Javascript zoom.js at the bottom of the web page.
<script src="path/to/zoom.js"></script>2. Zoom.js is dependent on transition.js file from Bootstrap, so make sure to include that as well.
<script src="path/to/transition.js"></script>3. Include the CSS zoom.css in the header of the page.
<link rel="stylesheet" href="path/to/zoom.css">4. Add the basic HTML with data-action="zoom" attribute to the page and we’re ready to go.
<img src="path/to/demo-4.jpg" data-action="zoom">
