demos : infinite scroll : update to v2 beta

erdogan · Aug 20, 2011 · 6a2cbc5 · 6a2cbc5
1 parent 3e5e43d
commit 6a2cbc5
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 20 deletions.
diff --git a/_posts/demos/2011-05-09-infinite-scroll.html b/_posts/demos/2011-05-09-infinite-scroll.html
@@ -246,15 +246,12 @@ <h2>Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehi
       navSelector  : '#page-nav',    // selector for the paged navigation 
       nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
       itemSelector : '.box',     // selector for all items you'll retrieve
-      donetext  : 'No more pages to load.',
-      loadingImg : 'http://i.imgur.com/6RMhx.gif',
-      debug: false,
-      errorCallback: function() { 
-        // fade out the error message after 2 seconds
-        $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');   
-      }
+      loading: {
+          finishedMsg: 'No more pages to load.',
+          img: 'http://i.imgur.com/6RMhx.gif'
+        }
       },
-      // call Masonry as a callback
+      // trigger Masonry as a callback
       function( newElements ) {
         var $newElems = $( newElements );
         // ensure that images load before adding to masonry layout

diff --git a/css/style.css b/css/style.css
@@ -533,19 +533,19 @@ button {
 
 /* Infinite Scroll loader */
 #infscr-loading { 
-  z-index: 5000;
+  text-align: center;
+  z-index: 100;
   position: fixed;
-  left: 40%;
+  left: 45%;
   bottom: 40px;
   width: 200px;
-  height: 100px;
   padding: 10px;
   background: #000; 
   opacity: 0.8;
   color: #FFF;
-  -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
-  border-radius: 10px;
+     -moz-border-radius: 10px;
+          border-radius: 10px;
 }
 
 /**** Fluid ****/

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