A Ken Burns Effect style slideshow plugin for jQuery. Fills the browser with (cropped and panned) images given a selector.
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is even with airtonix:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
README
index.html

README

Slideshowify is a jQuery plugin for generating a "Ken Burns Effect"-style slideshow from images 
that match a selector.  Images that don't fit the window proportions exactly (generally
the case) are cropped and panned across the screen. This also resembles that Mac screensaver.

Check out the DEMO: www.subchild.com/slideshowify

@TODO add more configuration options: direction, css3 prog enhancement stuff
@TODO fix the resizing business (force full screen and prevent resizing || add resize handler to adjust numbers)

To use, do something like this:

	$("img").slideshowify();

or:
	
	$.slideshowify({
		dataUrl     : "http://www.gallerama.com/services/gallery/get.php?gid=2107&versions[]=9",
		dataType    : "jsonp",
		randomize   : true,
		aniSpeedMin : 6000,
		aniSpeedMax : 10000,
		filterFn    : function(imgs){ // filter data
			var fixedImgs = [];
			$.each(imgs, function(i, img){
				fixedImgs.push($.extend(img.versions["9"], {id:img.id}));
			});
			return fixedImgs;
		},
		afterFadeIn : function(curImage){
			// do something
		},
		beforeFadeOut : function(curImage){
			// do something else
		}
	});