Updating; better, different image handling

Author: tmcw

big.css

@@ -2,6 +2,7 @@ body {
   font-family: 'Helvetica';
   letter-spacing:-5px;
   background:#000;
+  background-size:100%;
   color:#fff;
   margin:0;
   padding:0;

big.js

@@ -7,15 +7,15 @@ window.onload = function() {
         s[n].style.display = 'inline';
         s[n].style.fontSize = i + 'px';
         if (s[n].firstChild.nodeName === 'IMG') {
-            s[n].style.right = 0;
-            s[n].style.bottom = 0;
+            document.body.style.backgroundImage = 'url(' + s[n].firstChild.src + ')';
+            s[n].firstChild.style.display = 'none';
         } else {
-            while (
-                s[n].offsetWidth > window.innerWidth ||
-                s[n].offsetHeight > window.innerHeight) {
-                i -= 10;
-                s[n].style.fontSize = i + 'px';
-            }
+            document.body.style.backgroundImage = '';
+        }
+        while (
+            s[n].offsetWidth > window.innerWidth ||
+            s[n].offsetHeight > window.innerHeight) {
+            s[n].style.fontSize = (i -= 10) + 'px';
         }
         if (window.location.hash !== n) window.location.hash = n;
     }

big.quickstart.html

@@ -3,6 +3,7 @@
   font-family: 'Helvetica';
   letter-spacing:-5px;
   background:#000;
+  background-size:100%;
   color:#fff;
   margin:0;
   padding:0;
@@ -45,15 +46,15 @@
         s[n].style.display = 'inline';
         s[n].style.fontSize = i + 'px';
         if (s[n].firstChild.nodeName === 'IMG') {
-            s[n].style.right = 0;
-            s[n].style.bottom = 0;
+            document.body.style.backgroundImage = 'url(' + s[n].firstChild.src + ')';
+            s[n].firstChild.style.display = 'none';
         } else {
-            while (
-                s[n].offsetWidth > window.innerWidth ||
-                s[n].offsetHeight > window.innerHeight) {
-                i -= 10;
-                s[n].style.fontSize = i + 'px';
-            }
+            document.body.style.backgroundImage = '';
+        }
+        while (
+            s[n].offsetWidth > window.innerWidth ||
+            s[n].offsetHeight > window.innerHeight) {
+            s[n].style.fontSize = (i -= 10) + 'px';
         }
         if (window.location.hash !== n) window.location.hash = n;
     }

index.html

@@ -6,8 +6,7 @@
 <div>as <em>big</em> as it can be</div>
 <div>no config</div>
 <div><em>1.5k</em></div>
-<div><em>images too</em></div>
-<div><img src='http://farm3.static.flickr.com/2506/5757000880_509440308e_z.jpg' /></div>
+<div><img src='http://farm3.static.flickr.com/2506/5757000880_509440308e_z.jpg' /> images too</div>
 <div>JS+CSS <a href='https://github.com/tmcw/big'>github.com/ tmcw/ big</a></div>
 
 <script type="text/javascript">