Skip to content
A Ken Burns Effect style slideshow plugin for jQuery. Fills the browser with (cropped and panned) images given a selector.
Branch: master
Clone or download
Pull request Compare This branch is 19 commits behind subchild:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
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
		}
	});
You can’t perform that action at this time.