✨ add img preview

src/main/webapp/skins/next/css/next.css

@@ -18,7 +18,7 @@
  * skin next style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.3.3.1, Feb 16, 2017
+ * @version 0.4.3.1, Feb 16, 2017
 */
 /* start reset */
 html {
@@ -701,6 +701,10 @@ img {
     line-height: 1.5
 }
 
+.article-body img {
+    cursor: pointer;
+}
+
 .article-body ul,.article-body ol {
     padding-left: 2em;
     margin-top: 0;

src/main/webapp/skins/next/js/next.js

@@ -17,7 +17,7 @@
  * @fileoverview util and every page should be used.
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.2.1.0, Sep 6, 2016
+ * @version 0.3.1.0, Feb 17, 2017
  */
 
 /**
@@ -87,6 +87,10 @@ var NexT = {
                     'right': '0'
                 });
             }, 500);
+
+            $('body').on('click', '.article-body img', function () {
+                window.open(this.src);
+            });
         });
     },
     initArticle: function () {

src/main/webapp/skins/next/macro-comments.ftl

@@ -132,7 +132,7 @@
                             if (commentable) {
                                 commentHTML += '<a class="fn-right" href="javascript:replyTo(\'' + result.oId + '\');">${replyLabel}</a>';
                             }
-                            commentHTML += '</div><div class="comment-content">' +
+                            commentHTML += '</div><div class="comment-content post-body article-body">' +
                                     Util.replaceEmString($("#comment" + state).val())
                                     + '</div></div></li>';
                             return commentHTML;