Merge pull request #132 from jeremija/image-width-fix

Fixed bug where image width changes on refresh

Author: ErisDS

assets/js/index.js

@@ -37,19 +37,22 @@
         var $postContent = $(".post-content");
         $postContent.fitVids();
 
-        var casperFullImg = function () {
-            $("img").each(function () {
-                var $this = $(this),
-                    contentWidth = $postContent.outerWidth(), // Width of the content
-                    imageWidth = $this[0].naturalWidth; // Original image resolution
-
-                if (imageWidth >= contentWidth) {
-                    $this.addClass('full-img');
-                } else {
-                    $this.removeClass('full-img');
-                }
-            });
-        };
+        function updateImageWidth() {
+            var $this = $(this),
+                contentWidth = $postContent.outerWidth(), // Width of the content
+                imageWidth = this.naturalWidth; // Original image resolution
+
+            if (imageWidth >= contentWidth) {
+                $this.addClass('full-img');
+            } else {
+                $this.removeClass('full-img');
+            }
+        }
+
+        var $img = $("img").on('load', updateImageWidth);
+        function casperFullImg() {
+            $img.each(updateImageWidth);
+        }
 
         casperFullImg();
         $(window).smartresize(casperFullImg);