-
Notifications
You must be signed in to change notification settings - Fork 100
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
39 changed files
with
3,095 additions
and
375 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,7 +5,7 @@ nanoGALLERY - jQuery plugin | |
|
||
Touch enabled, responsive, fast and supporting cloud storage. | ||
|
||
Featuring multi-level navigation in albums, combinable hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr, Picasa, Google+ and SmugMug Sphoto albums among others. | ||
Featuring multi-level navigation in albums, combinable hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr, Picasa, Google+ and SmugMug photo albums among others. | ||
|
||
|
||
### Usage can be as easy as: | ||
|
@@ -19,6 +19,7 @@ Featuring multi-level navigation in albums, combinable hover effects on thumbnai | |
|
||
New in v4.4 | ||
-------- | ||
- added native swipe support (hammer.js is no more required) | ||
- SmugMug storage support | ||
- new thumbnail display mode justified | ||
- helpers to extend the capabilities of nanoGALLERY | ||
|
@@ -39,11 +40,11 @@ Key features | |
-------- | ||
- Display image galleries | ||
- Display thumbnails and images with titles and descriptions | ||
- numerous animated thumbnails hover effects (combinations are possible) | ||
- Numerous animated thumbnails hover effects (combinations are possible) | ||
- Easy to setup and customizable | ||
- Responsive layout - mobile friendly - swipe support | ||
- Responsive layout - mobile friendly - Swipe support | ||
- Breadcrumb for easy navigation in photo albums | ||
- Slideshow mode | ||
- Image slideshow | ||
- Deep linking of images and albums | ||
- Optimized support of very large galleries (thumbnail image lazy loading or pagination) | ||
- Keyboard shortcuts | ||
|
@@ -54,17 +55,16 @@ Key features | |
- Internationalization support (i18n) | ||
- Helpers for custom extensions | ||
- Supported image sources : | ||
* list of images URL | ||
* self hosted images | ||
* Flickr account | ||
* Picasa/Google+ account | ||
* SmugMug account | ||
|
||
|
||
![Animation](/doc/nanoGALLERY4_demo.gif?raw=true "Animation") | ||
![Screenshot1](/doc/nanoGALLERY4_screenshot1a.png?raw=true "Screenshot1") | ||
![Screenshot1](/doc/nanogallery_screenshot.png?raw=true "Screenshot1") | ||
![Screenshot2](/doc/nanoGALLERY4_screenshot7.png?raw=true "Screenshot2") | ||
![Screenshot3](/doc/nanoGALLERY4_screenshot5.png?raw=true "Screenshot3") | ||
![Screenshot3](/doc/nanoGALLERY4_screenshot6.png?raw=true "Screenshot3") | ||
![Screenshot1](/doc/nanoGALLERY4_screenshot1a.png?raw=true "Screenshot3") | ||
|
||
|
||
Documentation, Demonstrations and Tutorials | ||
|
@@ -85,9 +85,6 @@ Usage examples | |
<!-- Add jQuery library (MANDATORY) --> | ||
<script type="text/javascript" src="third.party/jquery-1.7.1.min.js"></script> | ||
|
||
<!-- Add Hammer.js plugin (OPTIONAL - this is only required for swipe support) --> | ||
<script type="text/javascript" src="third.party/hammer.js/hammer.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> | ||
|
@@ -117,30 +114,6 @@ $(document).ready(function () { | |
``` | ||
|
||
|
||
### Method 2: use one Picasa/Google+ account | ||
|
||
* Create a container | ||
|
||
Put a ```<DIV>``` element in the ```<BODY>``` of your HTML page where you want the gallery to be displayed. | ||
|
||
```html | ||
<div id="nanoGallery2"></div> | ||
``` | ||
|
||
* Initialize the script | ||
|
||
```js | ||
$(document).ready(function () { | ||
jQuery("#nanoGallery2").nanoGallery({ | ||
kind:'picasa', | ||
userID:'[email protected]', | ||
blackList:'Scrapbook|forhomepage|profil' | ||
kind:'picasa' | ||
}); | ||
}); | ||
``` | ||
|
||
|
||
For the full documentation, visit the nanoGALLERY homepage: [http://nanogallery.brisbois.fr](http://www.nanogallery.brisbois.fr/) | ||
------------- | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,7 +2,6 @@ | |
<html> | ||
|
||
<head> | ||
<script type="text/javascript" src="third.party/jquery-1.7.1.min.js"></script> | ||
<title>nanoGALLERY</title> | ||
<style> | ||
* {font-family: sans-serif; color:#fff;} | ||
|
@@ -14,7 +13,7 @@ | |
<!-- <script type="text/javascript" src="third.party/jquery-1.9.0.min.js"></script> --> | ||
<script type="text/javascript" src="third.party/jquery-1.7.1.min.js"></script> | ||
<script type="text/javascript" src="third.party/transit/jquery.transit.min.js"></script> | ||
<script type="text/javascript" src="third.party/hammer.js/hammer.min.js"></script> | ||
<!-- <script type="text/javascript" src="third.party/hammer.js/hammer.min.js"></script> --> | ||
<script type="text/javascript" src="third.party/imagesloaded/imagesloaded.pkgd.min.js"></script> | ||
|
||
|
||
|
@@ -37,6 +36,7 @@ | |
|
||
<!-- nanoGALLERY javascript --> | ||
<script type="text/javascript" src="jquery.nanogallery.js"></script> | ||
<!-- <script type="text/javascript" src="src/jquery.nanogallery.js"></script> --> | ||
|
||
<!-- nanoGALLERY DEMO PANEL javascript --> | ||
<script type="text/javascript" src="jquery.nanogallerydemo.js"></script> | ||
|
@@ -161,7 +161,10 @@ | |
|
||
|
||
//Sample3 - Picasa/Google+ | ||
jQuery("#nanoGallery3").nanoGallery({thumbnailWidth:300,thumbnailHeight:200,userID:'[email protected]',kind:'picasa',blackList:'Scrapbook|forhomepage|profil', | ||
jQuery("#nanoGallery3").nanoGallery({thumbnailWidth:300,thumbnailHeight:200, | ||
userID:'[email protected]', | ||
kind:'picasa', | ||
blackList:'Scrapbook|forhomepage|profil', | ||
//maxItemsPerLine:3, | ||
//album: '5851968929721015169?authkey=CJSlhdKSgoiXtgE', | ||
//album: '5851968929721015169&authkey=Gv1sRgCJSlhdKSgoiXtgE', | ||
|
@@ -381,7 +384,11 @@ <h2 style="background:#555;">----- Multi-level navigation and pagination (API) - | |
<br><br><br><br><br><br><br><br><br> | ||
<h2 style="background:#555;">----- Thumbnails configuration demo -----</h2><br><br> | ||
|
||
<div id="nanoGalleryAnimation1" style="margin:50px"> <a href="image_01.jpg" data-ngThumb="image_01ts.jpg" data-ngDesc="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">Image 1</a> <a href="image_02.jpg" data-ngThumb="image_02ts.jpg">Image 2</a> <a href="image_03.jpg" data-ngThumb="image_03ts.jpg">Image 3</a> </div> | ||
<div id="nanoGalleryAnimation1" style="margin:50px"> | ||
<a href="image_01.jpg" data-ngThumb="image_01ts.jpg" data-ngDesc="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">Image 1</a> | ||
<a href="image_02.jpg" data-ngThumb="image_02ts.jpg">Image 2</a> | ||
<a href="image_03.jpg" data-ngThumb="image_03ts.jpg">Image 3</a> | ||
</div> | ||
|
||
|
||
<br><br><h5>by <a href="https://plus.google.com/111186676244625461692?rel=author">Christophe Brisbois</a></h5> | ||
|
Binary file not shown.
Oops, something went wrong.