Submit your widget

nanogallery - image gallery simplified - jQuery plugin

Created 4 years ago   Views 2208   downloads 934    Author kris_b
View DemoDownload
25
Share |

Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage.

Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr, Picasa and Google+ photo albums among others.

    jQuery('#elt').nanoGallery({
        kind : 'picasa',
        userID : 'YourUserID'
    });

View ChangeLog

Visit the nanoGALLERY homepage: http://nanogallery.brisbois.fr


<!-- Add jQuery library (MANDATORY) -->
<script type="text/javascript" src="third.party/jquery-1.7.1.min.js"></script> 
 
<!-- Add nanoGALLERY plugin files (MANDATORY) -->
<link href="css/nanogallery.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.nanogallery.js"></script>

Put a <DIV> element in the <BODY> of your HTML. This DIV is the placeholder for the gallery.

<div id="nanoGallery1"></div>
jQuery(document).ready(function () {
    jQuery("#nanoGallery1").nanoGallery({
        kind:'flickr',
        userID:'34858669@N00'
    });
});

nanoGALLERY is licensed under CC BY-NC 3.0.
Only for personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoGALLERY for free.

  • Javascript must be enabled
  • jQuery 1.7.1