This plugin adds automatic ajax loading of page content when the user scrolls the page, with built-in browser cache. More info in this blog post. Simply use autobrowse(options) on a container that you want to fill with content.
Changelog, download and docs: .
LICENCE: Do whatever you want with the code. I don't take any responsibility for how you use it.
Example usage:
$(".page .items").autobrowse(
{
url: function (offset)
{
return "http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?";
},
template: function (response)
{
var markup='';
for (var i=0; i
'
};
return markup;
},
itemsReturned: function (response) { return response.items.length; },
offset: 0,
max: 100,
loader: '',
useCache: true,
expiration: 1
}
);
Demo: Scroll down for more cats. (New!)
Note that the demo url does not use offset in the url, so it loads the same data every time.