🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Image zoom lightbox jQuery plugin.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.).

Plugins Popup Window Slider Zoom

Documentation

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 May Also Like