Dribbble Lazy Loader
In my last post I said that if enough people cared, I would make a Dribbble lazy loader (or “infinity scroller”). A few people said they were keen so, here it is! Once the scroller hits the bottom of the page, it loads in the next page of shots. This was a bit of fun to write and learn :)
If anyone reading this downloaded the last one, I suggest you remove it and add it again. The two will most likely conflict.
Dribbble AJAX Pager [user.js]
A Safari extension came out this week that enhanced Dribbble by removing the need for thumbnails and increasing the width of the central pane. It inspired me to put together a quick Greasemonkey script for dynamically loading in the next collection of shots and appending it to the page. This was done entirely for shits and giggles.
This was made possible by the brilliant-but-cumbersome jQuery .load() method. Although the final version has a lot of wrapper code to make it all work, the guts of this entire script is a single, amazing line of jQuery:
$.load(“?page=” + pageNumber + ” ol.dribbbles”);
If there’s any interest, I’ll turn this into a Forrst-styled lazy loader.