fit mobile devices

makryl · Feb 20, 2014 · e184bb4 · e184bb4
1 parent abf4f89
commit e184bb4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/abigimage.jquery.js b/abigimage.jquery.js
@@ -94,9 +94,9 @@
 
             i = openI;
 
-            t.img.stop().fadeOut(opts.fadeOut).attr('src', $(t[i]).attr('href'));
-            t.imgNext.attr('src', $(t[nextI()]).attr('href'));
-            t.imgPrev.attr('src', $(t[prevI()]).attr('href'));
+            t.img.stop().fadeOut(opts.fadeOut)
+                .removeAttr('src') // To re-fire load event if same image opened
+                .attr('src', $(t[i]).attr('href'));
 
             t.overlay.fadeIn(opts.fadeIn);
             t.layout.fadeIn(opts.fadeIn);
@@ -108,12 +108,16 @@
             return false;
         }
 
-        this.img.click(function() {
-            return next();
-        });
-
         this.img.load(function() {
             t.img.stop().fadeIn(opts.fadeIn);
+
+            // preload prev and next images after viewed images loaded
+            t.imgNext.attr('src', $(t[nextI()]).attr('href'));
+            t.imgPrev.attr('src', $(t[prevI()]).attr('href'));
+        });
+
+        this.img.click(function() {
+            return next();
         });
 
         this.prevBtnWrapper.click(function() {

diff --git a/abigimage.jquery.min.js b/abigimage.jquery.min.js