v4.4.0

README.md

@@ -11,24 +11,23 @@ Featuring multi-level navigation in albums, lightbox, combinable hover effects o
 ### Usage can be as easy as: 
 ```js
 	$('#elt').nanoGallery({
-		'kind':'picasa',
-		'userID':'[email protected]'
+		kind : 'picasa',
+		userID : '[email protected]'
 	});
 ```
 
 
-New in v4.3
+New in v4.4
 --------
-- new image display possibilities giving a larger area to the images (customizable position of navigation buttons and labels)
-- set the maximum length of title and description to avoid too long content
-- display or hide the icons of the thumbnails label and/or navigation breadcrumb
-- breadcrumb: new icon for home folder
-- sorting of photos and of albums
-- preload also previous image
-- added Text-Shadow attribute to color schemes
-- refinement of the 'light' theme
-- new thumbnail hover effects
-- added support of Picasa/Google+ albums that are limited to people who have a link with an authkey
+- SmugMug storage support
+- new thumbnail display mode justified
+- helpers to extend the capabilities of nanoGALLERY
+- added image microdata
+- refinement of demonstration panel
+- removed support of browser-back to close the photo viewer
+- added HTTPS support
+- error messages displayed beneath the gallery (alert() was used up to now)
+- restored icons in the light theme (hidding icons is now configurable)
 
 For a full feature list look at the release note.
 
@@ -39,8 +38,7 @@ For a full feature list look at the release note.
 Key features
 --------
 - Display image galleries
-- Display images with titles and descriptions
-- Thumbnails with titles and descriptions
+- Display thumbnails and images with titles and descriptions
 - numerous animated thumbnails hover effects (combinations are possible)
 - Easy to setup and customizable
 - Responsive layout - mobile friendly - swipe support
@@ -59,6 +57,7 @@ Key features
   * list of images URL
   * Flickr account
   * Picasa/Google+ account
+  * SmugMug account
 
 
 ![Animation](/doc/nanoGALLERY4_demo.gif?raw=true "Animation")
@@ -67,14 +66,14 @@ Key features
 ![Screenshot3](/doc/nanoGALLERY4_screenshot4.png?raw=true "Screenshot3")
 
 
-Documentation, Demonstrations and Tutorials
+Full Documentation, Demonstrations and Tutorials
 -------------
 
 Visit the nanoGALLERY homepage: [http://nanogallery.brisbois.fr](http://www.nanogallery.brisbois.fr/)
 
 
 
-Usage (v4.3)
+Usage (v4.4)
 -----
 
 
@@ -219,5 +218,3 @@ Optional:
 * imagesloaded (https://github.com/desandro/imagesloaded) (credits: David DeSandro)
 * fancybox2 - jQuery plugin (https://github.com/fancyapps/fancyBox) (credits: Janis Skarnelis)
 
-[![githalytics.com alpha](https://cruel-carlota.pagodabox.com/de295d45496c01bb871078aac2bcfcac "githalytics.com")](http://githalytics.com/Kris-B/nanoGALLERY)
-

changelog.md

@@ -4,6 +4,43 @@ nanoGALLERY - jQuery plugin
 ChangeLog
 ------
 
+
+v4.4.0
+------
+
+
+##### New features:
+- SmugMug storage support
+- new thumbnail display mode justified
+- helpers to extend the capabilities of nanoGALLERY
+- added image microdata
+- refinement of demonstration panel
+- removed support of browser-back to close the photo viewer
+- added HTTPS support
+- error messages displayed beneath the gallery (alert() was used up to now)
+- restored icons in the light theme (hidding icons is now configurable)
+
+##### New options:
+- **thumbnailWidth**: new possible values 'auto' and 'autoUpScale'
+- **fnThumbnailInit**, **fnThumbnailHoverInit**, **fnThumbnailHover**, **fnThumbnailHoverOut**, **fnThumbnailDisplayEffect**: javascript helpers
+- **breadcrumbAutoHideTopLevel**: hide the breadcrumb if user on first level
+	*boolean; Default: `false`*
+- **flickrSizeB**: include the large size (B-size / 1024) when needed
+	*boolean; Default: `false`*
+- **imageTransition**: transition animation when moving from image to image (`default`, `fade')
+	*string; Default: `default`*
+
+**Visit nanoGALLERY homepage for usage details: [http://nanogallery.brisbois.fr](http://www.nanogallery.brisbois.fr/)**
+
+##### Deprecated options:
+- none
+
+##### Misc
+- change default colorSchemeViewer default from 'none' to 'default'
+- fixed compatibility issue with niceScroll plugin (http://areaaperta.com/nicescroll)
+- minor bugfixes
+
+
 v4.3.0
 ------
 

css/nanogallery.css

@@ -20,6 +20,7 @@
 /**************************************/
 /* ICON FONT                          */
 /* generated by : http://fontello.com */
+/* FONT AWESOME                       */
 /**************************************/
 
 @font-face {
@@ -96,7 +97,7 @@
 }
 
 .nanogallery_theme_default .nanoGalleryNavigationbar {
-	color:#ccc;
+	/*color:#ccc;*/
 	/*border: 1px dotted #555;*/
 	border-top: 1px solid #555;
 	border-bottom: 1px solid #555;
@@ -265,33 +266,6 @@
 	overflow:hidden;
 }
 
-.nanogallery_theme_default .nanoGalleryContainer .iconInfo{
-}
-.nanogallery_theme_default .nanoGalleryContainer .iconInfo:after{
-	visibility: hidden;
-	content:".";
-	left:8px;
-	top:8px;
-	position:absolute;
-	background: rgba(0,0,0,0.75); 
-	color: #fff; 
-	border: 2px solid #aaa;
-	width: 20px;
-	height: 20px;
-	line-height: 20px;
-	text-align: center;
-	-webkit-border-radius: 20px;
-	-moz-border-radius: 20px;
-	border-radius: 20px;
-	transition: all 0.5s ease;
-	-webkit-transition: all 0.5s ease;
-	-moz-transition: all 0.5s ease;
-	-o-transition: all 0.5s ease;
-}
-.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer:hover .iconInfo:after{
-	opacity: 0;
-}
-
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer{
 	cursor:  pointer;
 	border: 1px solid #000;
@@ -304,9 +278,18 @@
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
+	overflow:hidden;
 }
 
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer{
+	box-sizing: content-box;
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	-o-box-sizing: content-box;
+	border: 0px solid #000;
+	margin: 0px;
+	padding: 0px;
+	overflow:hidden;
 }
 
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer{
@@ -338,23 +321,25 @@
 	text-align:left;
 	padding: 5px 5px 5px 5px;
 	position:absolute;
+  left: 0px;
 	min-height:0%;
 	overflow:hidden;
-	box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-o-box-sizing: content-box;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-o-box-sizing: border-box;
 }
 
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelImageTitle{
 	color:#eee;
+  left: 0px;
 	overflow:hidden;
 	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
 	vertical-align: middle;
-	box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-o-box-sizing: content-box;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-o-box-sizing: border-box;
 }
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelImageTitle:before{
 	content: '\e803';	/* .icon-picture */
@@ -371,18 +356,23 @@
 	text-align: center;
 	font-variant: normal;
 	text-transform: none;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-o-box-sizing: border-box;
 }
 
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelFolderTitle{
 	color:#eee;
+  left: 0px;
 	overflow:hidden;
 	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
 	vertical-align: middle;
 	display: inline;
-	box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-o-box-sizing: content-box;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-o-box-sizing: border-box;
 }
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelFolderTitle:before{
 	content: '\e815';	/* .icon-folder-empty */
@@ -399,26 +389,31 @@
 	text-align: center;
 	font-variant: normal;
 	text-transform: none;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-o-box-sizing: border-box;
 }
 
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelDescription{
 	clear:both;
+  left: 0px;
 	color:#aaa;
   font-size:0.8em;
 	margin:1px 2px;
 	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
-	box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-o-box-sizing: content-box;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-o-box-sizing: border-box;
 }
 
 /**************************************/
 /* THUMBNAIL PAGINATION               */
 /**************************************/
 
 .nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination{
-	color:#eee;
+	/*color:#eee;*/
   margin: 10px auto 5px auto;
 	padding: 4px;
 	text-align:center;
@@ -768,6 +763,7 @@
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
+  background-color:initial;
 }
 
 .nanogallery_theme_default .nanoGalleryViewer .toolbar .label .title{
@@ -793,3 +789,20 @@
 }
 
 
+/**************************************/
+/* CONSOLE                            */
+/**************************************/
+
+.nanogallery_theme_default .nanoGalleryConsoleParent {
+  visibility:hidden;
+  height:0px;
+  background:#111;
+  color:#e00;
+  padding:5px;
+  margin:2px;
+}
+.nanogallery_theme_default .nanoGalleryConsoleParent p {
+  color:#e00;
+  padding:2px;
+  margin:0px;
+}