Added try/catch block for premature IE7 resize event firing.

jentanbernardus · Aug 18, 2010 · d528a4a · d528a4a
1 parent fcf1929
commit d528a4a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 19 deletions.
diff --git a/jquery.backstretch.js b/jquery.backstretch.js
@@ -1,6 +1,6 @@
 /*
  * jQuery Backstretch
- * Version 1.1
+ * Version 1.1.2
  * http://srobbin.com/jquery-plugins/jquery-backstretch/
  *
  * Add a dynamically-resized background image to the page
@@ -56,24 +56,29 @@
         }
 
         function _adjustBG(fn) {
-            bgCSS = {left: 0, top: 0}
-            bgWidth = rootElement.width();
-            bgHeight = bgWidth / imgRatio;
-
-            // Make adjustments based on image ratio
-            // Note: Offset code provided by Peter Baker (http://ptrbkr.com/). Thanks, Peter!
-            if(bgHeight >= rootElement.height()) {
-                bgOffset = (bgHeight - rootElement.height()) /2;
-                if(settings.centeredY) $.extend(bgCSS, {top: "-" + bgOffset + "px"});
-            } else {
-                bgHeight = rootElement.height();
-                bgWidth = bgHeight * imgRatio;
-                bgOffset = (bgWidth - rootElement.width()) / 2;
-                if(settings.centeredX) $.extend(bgCSS, {left: "-" + bgOffset + "px"});
+            try {
+                bgCSS = {left: 0, top: 0}
+                bgWidth = rootElement.width();
+                bgHeight = bgWidth / imgRatio;
+
+                // Make adjustments based on image ratio
+                // Note: Offset code provided by Peter Baker (http://ptrbkr.com/). Thanks, Peter!
+                if(bgHeight >= rootElement.height()) {
+                    bgOffset = (bgHeight - rootElement.height()) /2;
+                    if(settings.centeredY) $.extend(bgCSS, {top: "-" + bgOffset + "px"});
+                } else {
+                    bgHeight = rootElement.height();
+                    bgWidth = bgHeight * imgRatio;
+                    bgOffset = (bgWidth - rootElement.width()) / 2;
+                    if(settings.centeredX) $.extend(bgCSS, {left: "-" + bgOffset + "px"});
+                }
+
+                $("#backstretch img").width( bgWidth ).height( bgHeight ).css(bgCSS);
+            } catch(err) {
+                // IE7 seems to trigger _adjustBG before the image is loaded.
+                // This try/catch block is a hack to let it fail gracefully.
             }
 
-            $("#backstretch img").width( bgWidth ).height( bgHeight ).css(bgCSS);
-
             // Executed the passed in function, if necessary
             if (typeof fn == "function") fn();
         }

diff --git a/jquery.backstretch.min.js b/jquery.backstretch.min.js
@@ -1,11 +1,11 @@
 /*
  * jQuery Backstretch
- * Version 1.1.1
+ * Version 1.1.2
  * http://srobbin.com/jquery-plugins/jquery-backstretch/
  *
  * Add a dynamically-resized background image to the page
  *
  * Copyright (c) 2010 Scott Robbin (srobbin.com)
  * Dual licensed under the MIT and GPL licenses.
 */
-(function(a){a.backstretch=function(k,i,l){function m(c){f={left:0,top:0};d=e.width();b=d/j;if(b>=e.height()){g=(b-e.height())/2;h.centeredY&&a.extend(f,{top:"-"+g+"px"})}else{b=e.height();d=b*j;g=(d-e.width())/2;h.centeredX&&a.extend(f,{left:"-"+g+"px"})}a("#backstretch img").width(d).height(b).css(f);typeof c=="function"&&c()}var h={centeredX:true,centeredY:true,speed:0},e="onorientationchange"in window?a(document):a(window),j,d,b,g,f;i&&typeof i=="object"&&a.extend(h,i);a(document).ready(function(){if(k){var c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-9999}),p=a("<img />").css({position:"relative",display:"none"}).bind("load",function(n){var o=a(this);j=a(n.target).width()/a(n.target).height();m(function(){o.fadeIn(h.speed,function(){typeof l=="function"&&l()})})}).appendTo(c);a("body").prepend(c);p.attr("src",k);a(window).resize(m)}});return this}})(jQuery);
+(function(a){a.backstretch=function(k,i,l){function m(c){try{f={left:0,top:0};d=e.width();b=d/j;if(b>=e.height()){g=(b-e.height())/2;h.centeredY&&a.extend(f,{top:"-"+g+"px"})}else{b=e.height();d=b*j;g=(d-e.width())/2;h.centeredX&&a.extend(f,{left:"-"+g+"px"})}a("#backstretch img").width(d).height(b).css(f)}catch(n){}typeof c=="function"&&c()}var h={centeredX:true,centeredY:true,speed:0},e="onorientationchange"in window?a(document):a(window),j,d,b,g,f;i&&typeof i=="object"&&a.extend(h,i);a(document).ready(function(){if(k){var c= a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-9999}),n=a("<img />").css({position:"relative",display:"none"}).bind("load",function(o){var p=a(this);j=a(o.target).width()/a(o.target).height();m(function(){p.fadeIn(h.speed,function(){typeof l=="function"&&l()})})}).appendTo(c);a("body").prepend(c);n.attr("src",k);a(window).resize(m)}});return this}})(jQuery);