Merge pull request #379 from cshijiel/master

Add title to article and fancybox title;custum css on title

source/css/_custom/custom.styl

@@ -1 +1,31 @@
-// Custom styles.
+// Custom styles.
+
+.post-body p img {
+    margin: 0 auto;
+    cursor: pointer;
+    cursor: zoom-out;
+    cursor: -webkit-zoom-in;
+    display: block!important;
+}
+
+.post-body p .pic-title {
+	margin: 0 auto;
+    text-align: center;
+}
+
+.post-body p .pic-title span {
+    min-width: 20%;
+    min-height: 22px;
+    display: inline-block;
+    padding: 10px;
+    margin: 0 auto;
+    border-bottom: 1px solid #d9d9d9;
+    font-size: 18px;
+    color: #999999;
+    font-style: italic;
+    line-height: 1.7;
+}
+
+.posts-expand .post-body .fancybox img {
+	margin: 0 auto;
+}

source/js/fancy-box.js

@@ -1,4 +1,5 @@
 $(document).ready(function() {
+
   $('.content img').each(function () {
     var $image = $(this);
     var $imageWrapLink = $image.parent('a');
@@ -7,9 +8,10 @@ $(document).ready(function() {
       $imageWrapLink = $image.wrap('<a href="' + this.getAttribute('src') + '"></a>').parent('a');
     }
     $imageWrapLink.addClass('fancybox');
-    if(this.title){
-      $imageWrapLink.attr("title",this.title); //make sure img title tag will show correctly in fancybox
-    }
+    if ($image.attr("alt")) {
+      $imageWrapLink.append('<div class="pic-title"><span>' + $image.attr("alt") + '</span></div>');
+      $imageWrapLink.attr("title",$image.attr("alt")); //make sure img title tag will show correctly in fancybox
+    };
   });
 });
 $('.fancybox').fancybox({
@@ -19,3 +21,5 @@ $('.fancybox').fancybox({
     }
   }
 });
+
+