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

The simplegallery allows you to create a responsive photo gallery where the images will open in a fullscreen lightbox with the ability to rotate and slide through images.

gallery-lightbox image-viewer

Documentation

jquery.simplegallery

jQuery plugin for creating image galleries with capability of rotation
Plugin home page: documentation, example, getting started guide.

##Usage

  1. Simple image gallery has two dependencies: jquery and font-awesome. You need to attacch it to your page before attaching Simple image gallery.
  2. Download Simple image gallery from github or install via npm npm install jquery-simplegallery; attach it to your page.
  3. Generate markup of image gallery like:
<div class="simple_img_gallery"> 	<a href="images/1.jpg"><img src="images/1.jpg" /></a> 	<a href="images/2.jpg"><img src="images/2.jpg" /></a> 	<a href="images/3.jpg"><img src="images/3.jpg" /></a> 	<a href="images/4.jpg"><img src="images/4.jpg" /></a> 	<a href="images/5.jpg"><img src="images/5.jpg" /></a> </div>
  1. Initialize Simple image gallery using js:
$(function() { 	$('.simple_img_gallery').createSimpleImgGallery(); });

##Build To compile Simple image gallery by yourself, first of make sure that you have Node.js and Grunt.js.

  1. Copy repository
https://github.com/Serganbus/jquery.simplegallery.git 
  1. Now simply run grunt to generate JS and CSS in folder release.

##Licencs Script is MIT licensed and free and will always be kept this way.


You May Also Like