Skip to content
This repository has been archived by the owner. It is now read-only.
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
css
 
 
img
 
 
js
 
 
 
 
 
 
 
 

readme.md

ion.zoom

English description | Описание на русском

Easy and light image lightbox for small galleries.


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:

You can’t perform that action at this time.