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

A dead simple jQuery based image viewer to display all the images in a navigatable, lightbox-style gallery popup that auto resizes when the screen size changes.

gallery-lightbox image-viewer

Documentation

JQuery ImageView Plugin

Tiny image viewer for JQuery.

Example usage

Load plugin:

<link href="css/jquery.imageview.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.imageview.js"></script>

Define pictures:

<div class="photos"> 	<a href="img/1_big.jpg"><img src="img/1_small.jpg" /></a> 	<a href="img/2_big.jpg"><img src="img/2_small.jpg" /></a> 	<a href="img/3_big.jpg"><img src="img/3_small.jpg" /></a> </div>

Apply plugin:

$('.photos').imageview();

Options

  • targetSelector - pictures selector (default: a)
  • srcAttr - picture attribute containing big image url (default: href)
  • titleAttr - picture attribute containing title (default: title)

License

Apache License Version 2.0


You May Also Like