Recent news

Sunday, 1 May 2016

Photo Image Gallery Using jQuery With Touch Enabled, Responsive, Cascading and Grid layout





nanoGALLERY is a jquery photo image gallery plugin. This plugin help to pull the images from flicker, Picasso and display it as image gallery. This plugin have following features :
  • Touch Enabled
  • Responsive
  • Cascading
  • Grid layout

How To Use
1. Add the below mention library reference 

<script src="third.party/jquery-1.7.1.min.js" type="text/javascript"></script>
<link href="css/nanogallery.css" rel="stylesheet" type="text/css"></link>
<script src="jquery.nanogallery.js" type="text/javascript"></script>

2. Use the below div element to show the gallery

<div id="imgGallery"></div>

3. Code to pull an d display the images as gellery
        jQuery('#imgGallery').nanoGallery({
        kind: 'picasa',
        userID: 'YourUserID'
    });



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles