fix image description and add image title

admin/theme-options.php

@@ -174,6 +174,18 @@ function of_options(){
 					"std" => "1",
 					"type" => "checkbox");
 
+$of_options[] = array( "name" => __("Show image title", 'dsframework'),
+					"desc" => __("Show the media title on top-left of gallery area."),
+					"id" => "show_image_title",
+					"std" => "1",
+					"type" => "checkbox");
+
+$of_options[] = array( "name" => __("Show image description", 'dsframework'),
+					"desc" => __("Show the media description on top-left of gallery area."),
+					"id" => "show_image_desc",
+					"std" => "1",
+					"type" => "checkbox");
+
 $of_options[] = array( "name" => __("Show share buttons in project description", 'dsframework'),
 					"desc" => __("Show social media share buttons in the project description box."),
 					"id" => "project_desc_share_buttons",
@@ -191,7 +203,7 @@ function of_options(){
 					"id" => "menu_indented",
 					"std" => "1",
 					"type" => "checkbox");
-
+					
 	}
 }
 ?>

content-ds-gallery.php

@@ -137,14 +137,15 @@
 					$img_scale = '';
 				}
 
-				$desc = get_post( $attachment_id_item )->post_content;
-
+				$desc = get_ds_option('show_image_desc')==1 ? get_post( $attachment_id_item )->post_content : null;
+				$title = get_ds_option('show_image_title')==1 ? get_post( $attachment_id_item )->post_title : null;
 
 
 				if(!$alt_attr)
 					$alt_attr = $image_urls[$j];
 
-				$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 .= "\t\t<li class=\"two-dim-item\"{$video_data}{$img_scale} data-img-title=\"{$title}\" 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";
@@ -157,4 +158,4 @@
 			$album_data .= "<p>Empty album</p>";
 		}
 		echo $album_data;
-?>
+?>

css-less/two-dim-slider.less

@@ -533,7 +533,7 @@
 		height: auto;
 		padding: 1.0em;
 	}
-	h3.album-title {
+	h3.img-title {
 		margin-top: 0;
 	}
 	.img-content {

js/jquery.slider-pack.1.1.js

@@ -2015,6 +2015,7 @@
 					path = currItem.find('a').attr('href'),
 					bWidth = currItem.attr('data-img-width'),
 					bHeight = currItem.attr('data-img-height'),
+					title = currItem.attr('data-img-title'),
 					desc = currItem.attr('data-img-desc');
 
 
@@ -2029,7 +2030,7 @@
 
 				if(currImgDesc.length <= 0) {
 					hasDesc = false;
-					currImgDesc = $('<div id="img-desc" class="img-desc-block text-block"><div class="info-container"><div class="img-content">'+desc+'</div></div></div>');
+					currImgDesc = $('<div id="img-desc" class="img-desc-block text-block"><div class="info-container"><h3 class="img-title"></h3><div class="img-content"></div></div></div>');
 				} else {
 					hasDesc = true;
 				}
@@ -2067,16 +2068,18 @@
 									.bind('load.tds', self._onLoadingComplete({type:'loaded', loadDataItem:currQueueItem, block:currBlock, img:currImg }))
 									.bind('error.tds', self._onLoadingComplete({type:'error', loadDataItem:currQueueItem, block:currBlock, img:currImg })).attr({'src': path, 'alt':currItem.find('a').text()});
 
+					if (desc.length > 0 || title.length > 0) {
+					 	currImgDesc.find('.img-title').text(title);
+					 	currImgDesc.find('.img-content').text(desc);
+						currImgDesc.show();
+					}else{
+						currImgDesc.hide();
+					}
 
 					if (!hasDesc) {
 						currImgDesc.appendTo(currBlock.find('.block-inside'));
 					}
 
-					if (desc.length > 0) {
-						currImgDesc.show();
-					}else{
-						currImgDesc.hide();
-					}
 					if (!hasImage) {
 						currImg.appendTo(currBlock.find('.block-inside'));
 					}