Merge pull request dimsemenov#34 from ciotto/image_description

add image description to gallery image

Author: dimsemenov

content-ds-gallery.php

@@ -136,11 +136,16 @@
 				} else {
 					$img_scale = '';
 				}
+
+				$desc = get_post( $attachment_id_item )->post_content;
+
+
 
 				if(!$alt_attr) 
 					$alt_attr = $image_urls[$j];
 
-				$album_data .= "\t\t<li class=\"two-dim-item\"{$video_data}{$img_scale} data-img-width=\"{$image_widths[$j]}\" data-img-height=\"{$image_heights[$j]}\"><a href=\"{$image_urls[$j]}\">{$alt_attr}</a>";
+				$album_data .= "\t\t<li class=\"two-dim-item\"{$video_data}{$img_scale} data-img-desc=\"{$desc}\" data-img-width=\"{$image_widths[$j]}\" data-img-height=\"{$image_heights[$j]}\">";
+				$album_data .= "<a href=\"{$image_urls[$j]}\">{$alt_attr}</a>";
 
 				$album_data .=  "</li>\n";
 				$j++;

css-less/two-dim-slider.less

@@ -510,6 +510,38 @@
 	}
 }
 
+.img-desc-block {
+	-webkit-text-size-adjust:none;
+	position: absolute;
+	overflow: auto;
+	z-index: 50;
+
+	padding: 0;
+
+	background: @sidebar-background;
+	
+	left: 0;
+	top: 0px + @gallery-padding;
+	max-width: 65%;
+	
+	color: @sidebar-text-color;
+
+	.info-container {
+		width: auto;
+		height: auto;
+		padding: 1.0em;
+	}
+	h3.album-title {
+		margin-top: 0;
+	}
+	.img-content {
+		font-size: @font-small;
+		line-height: @font-small-line-height;
+		margin: 0;
+		max-height: 300px;
+		overflow: auto;
+	}
+}