A fork of Sam Dunn's "Supersized - Fullscreen Slideshow jQuery Plugin"
JavaScript
Switch branches/tags
Nothing to show
Pull request Compare This branch is 53 commits ahead of mocoso:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
README.mdown
default.html
notcropped.html
slideright.html
supersized.2.0.js
supersized.2.1.x.js
supersized.3.0.js
topclean.html

README.mdown

Supersized

This is a rewrite of Sam Dunn's "Supersized - Fullscreen Slideshow jQuery Plugin"

Usage

Given a dom element #supersize containing a set of linked image tags such as:

<div id="supersize">
	<a href="http://interfacelift.com"><img src="images/bird.jpg" title="Bird On A Branch"/></a>
	<a href="http://www.flickr.com"><img src="images/cat.jpg" title="Kucinta, Singapore Street Cat"/></a>
	<a href="http://www.flickr.com"><img src="images/duck.jpg" title="Winter Pass"/></a>
	<a href="http://interfacelift.com"><img src="images/paradise.jpg" title="Paradise Lost"/></a>
	<a href="http://interfacelift.com"><img src="images/snake.jpg" title="Morelia Viridis"/></a>
</div>

Call supersize on dom or window ready to display the first image "supersized." The image is fills up the browser window and is cropped to maintain its aspect ratio. The images will switch out at the default interval.

$("#supersize").supersize();

Options

$.fn.supersized.defaults = {
	interval: 5000,			// length of time between slide transitions in play mode
duration: 750,
	transition: false,	// specifiy jquery method for transition, e.g., fadeIn
	center  : true,			// center images in browser window
	crop    : true,			// crop images to browser height and width dimensions
	preload : [],				// img selector or array of image urls to preload; passed to $.preload if defined
	notFound: null,			// replacement url if image not found; passed to $.preload if defined
placeholder: null,	// placehold url for images while loading; passed to $.preload if defined
	buttons     : {			// specify button selectors for live click handlers
		pause : null,
		next  : null,
		prev  : null
	},
	init        : function() {},  			// callback when plugin is about to be initialized
	load        : function() {},				// callback when slideshow is loaded and ready to begin
	onchange    : function(data) {},		// callback after slide has changed. data attributes: title, index, total
	pause       : function(trigger) {}	// callback after slide has been paused. Trigger is event type
	pause       : function(trigger) {}	// callback after slide starts playing. Trigger is event type
};