External image embedding

CHANGELOG.md

@@ -1,3 +1,6 @@
+seaweedchan:
+- External image embedding
+
 ### 1.1.6 - 2013-05-01
 seaweedchan:
 - Fix Gist links if no username is specificed

src/General/css/style.css

@@ -931,3 +931,7 @@ a:only-of-type > .remove {
   background: transparent url('data:image/png;base64,<%= grunt.file.read("src/General/img/links/gist.png",    {encoding: "base64"}) %>') center left no-repeat!important;
   padding-left: 18px;
 }
+.linkify.image {
+  background: transparent url('data:image/png;base64,<%= grunt.file.read("src/General/img/links/image.png",    {encoding: "base64"}) %>') center left no-repeat!important;
+  padding-left: 18px;
+}

src/Linkification/Linkify.coffee

@@ -182,6 +182,13 @@ Linkify =
           preload:     'auto'
           src:         @name
 
+    image:
+      regExp:  /(http|www).*\.(gif|png|jpg|jpeg|bmp)$/
+      style: 'border: 0; width: auto; height: auto;'
+      el: ->
+        $.el 'div',
+          innerHTML: "<a target=_blank href='#{@getAttribute 'data-originalURL'}'><img src='#{@getAttribute 'data-originalURL'}'></a>"
+
     SoundCloud:
       regExp: /.*(?:soundcloud.com\/|snd.sc\/)([^#\&\?]*).*/
       style: 'height: auto; width: 500px; display: inline-block;'