Load full images only on click is simple image viewer is enabled

boards/models/image.py

@@ -97,8 +97,6 b' class PostImage(models.Model, Viewable):'
                ' height="{}"' \
                ' data-width="{}"' \
                ' data-height="{}" />' \
-               '<img class="post-image-full"' \
-               ' src="{full}" />' \
                '</a>' \
                '</div>'\
             .format(CSS_CLASS_IMAGE, CSS_CLASS_THUMB,

boards/static/css/base.css

@@ -97,6 +97,5 b' textarea, input {'
 }
 
 .post-image-full {
-    display: none;
     width: 100%;
 }

boards/static/js/image.js

@@ -29,13 +29,28 b' var IMAGE_VIEWERS = ['
     ['popup', new PopupImageViewer()]
 ];
 
+var FULL_IMG_CLASS = 'post-image-full';
+
 
 function ImageViewer() {}
 ImageViewer.prototype.view = function (post) {};
 
 function SimpleImageViewer() {}
 SimpleImageViewer.prototype.view = function (post) {
-    post.find('img').toggle();
+    var images = post.find('img');
+    images.toggle();
+
+    // When we first enlarge an image, a full image needs to be created
+    if (images.length == 1) {
+        var parent = images.first().parent();
+        var link = parent.attr('href');
+
+        var fullImg = $('<img />')
+            .addClass(FULL_IMG_CLASS)
+            .attr('src', link);
+
+        parent.append(fullImg);
+    }
 };
 
 function PopupImageViewer() {}