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.
Type Name Latest commit message Commit time
Failed to load latest commit information.


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:

@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:


		dataUrl     : "[]=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"], {}));
			return fixedImgs;
		afterFadeIn : function(curImage){
			// do something
		beforeFadeOut : function(curImage){
			// do something else
You can’t perform that action at this time.