ProtoSkim

HTML

<div id="skim-example">
	<img src="images/thumbs/simpson.jpg" width="200" height="150" alt="Homar Simpson" />
</div>

JAVASCRIPT

new protoSkim('skim-example', { url : 'json/data-basic.json' });

JSON

[ 
	{ "thumbnail": "images/thumbs/apollo.jpg" },
	{ "thumbnail": "images/thumbs/bambi.jpg" }, 
	{ "thumbnail": "images/thumbs/britney.jpg" },
	{ "thumbnail": "images/thumbs/callofduty.jpg" },	
	{ "thumbnail": "images/thumbs/ferrari.jpg" }, 
	{ "thumbnail": "images/thumbs/firefox.jpg" }, 
	{ "thumbnail": "images/thumbs/geko.jpg" },
	{ "thumbnail": "images/thumbs/greece.jpg" },
	{ "thumbnail": "images/thumbs/juve.jpg" }, 
	{ "thumbnail": "images/thumbs/linux.jpg" }, 
	{ "thumbnail": "images/thumbs/panoramix.jpg" },
	{ "thumbnail": "images/thumbs/php.jpg" },
	{ "thumbnail": "images/thumbs/redhat.jpg" }, 
	{ "thumbnail": "images/thumbs/redleaves.jpg" }, 
	{ "thumbnail": "images/thumbs/simpson.jpg" }, 
	{ "thumbnail": "images/thumbs/tecnomusic.jpg" },
	{ "thumbnail": "images/thumbs/terra.jpg" },
	{ "thumbnail": "images/thumbs/ubuntu.jpg" },
	{ "thumbnail": "images/thumbs/valentino.jpg" },
	{ "thumbnail": "images/thumbs/warhol.jpg" }
]