ProtoSkim

Thumbnail generator example with TimThumb PHP

<div id="skim-example">
	<img src="timthumb.php?src=images/simpson.jpg&amp;w=200&amp;h=150" width="200" height="150" alt="Homar Simpson" />
</div>

new protoSkim('skim-example', {
	url: 'json/data-resizer.json', 
	useResizer: true, 
	resizer: 'timthumb.php'
});

[ 
	{ "title": "Apollo Mission", "href": "images/apollo.jpg" },
	{ "title": "Bambi", "href": "images/bambi.jpg" }, 
	{ "title": "Britney Spears", "href": "images/britney.jpg" },
	{ "title": "Call of Duty", "href": "images/callofduty.jpg" },	
	{ "title": "Ferrari Dream", "href": "images/ferrari.jpg" }, 
	{ "title": "Firefox", "href": "images/firefox.jpg" }, 
	{ "title": "Geko", "href": "images/geko.jpg" },
	{ "title": "Greece", "href": "images/greece.jpg" },
	{ "title": "Juventus", "href": "images/juve.jpg" }, 
	{ "title": "Linux", "href": "images/linux.jpg" }, 
	{ "title": "Panoramix", "href": "images/panoramix.jpg" },
	{ "title": "HyperText PreProcessor", "href": "images/php.jpg" },
	{ "title": "Red Hat", "href": "images/redhat.jpg" }, 
	{ "title": "Red leaves", "href": "images/redleaves.jpg" }, 	
	{ "title": "Homar Simpson", "href": "images/simpson.jpg" }, 
	{ "title": "Tecno Music", "href": "images/tecnomusic.jpg" },
	{ "title": "Terra", "href": "images/terra.jpg" },
	{ "title": "Ubuntu", "href": "images/ubuntu.jpg" },
	{ "title": "Valentino Rossi", "href": "images/valentino.jpg" },
	{ "title": "Andy Warhol", "href": "images/warhol.jpg" }
]