English description | Описание на русском
Easy and light image lightbox for small galleries.
- Version: 1.2.0
- Project page and demos
- Download ZIP
Description
- ion.zoom — easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place.
- Supports keyboard controls with ESC, LEFT and RIGHT button.
- Supports multiple independently operating galleries in one page.
- Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
- Works on touch screen devices (iPhone, iPad, etc.).
- Ion.Zoom is freely distributed under MIT licence.
Dependencies
Using script
Import this libraries:
- jQuery
- ion.zoom.min.js
And CSS:
- normalize.min.css - desirable if you have not yet connected one
- ion.zoom.css
Create gallery:
<a href="static/img/zoom/zoom-big-01.jpg" class="gallery_1"><img src="static/img/zoom/zoom-small-01.jpg" alt="" /></a> <a href="static/img/zoom/zoom-big-02.jpg" class="gallery_1"><img src="static/img/zoom/zoom-small-02.jpg" alt="" /></a> <a href="static/img/zoom/zoom-big-03.jpg" class="gallery_1"><img src="static/img/zoom/zoom-small-03.jpg" alt="" /></a>
Initialize gallery:
$(".gallery_1").ionZoom();
Or initialize gallery with custom settings:
$(".gallery_2").ionZoom({ visibleControls: false // disable visible controls });
Public methods:
Close gallery:
$(".gallery_1").ionZoom("close");
Update history
Support Ion-series plugins development:
-
Donate direct to my Paypal account: https://www.paypal.me/IonDen
-
Donate direct to my Yandex.Money account: http://yasobe.ru/na/razrabotku