Implement

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be sure to include Javascript files in the specific order as in the example below.

<link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" />
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/spacegallery.js"></script>
                

Invocation code

Prepare a block level element with some images inside. All you have to do is to select the elements in a jQuery way and call the plugin.

$('#myGallery').spacegallery({loadingClass: 'loading'});
                

Options

A hash of parameters. All parameters are optional.

border	integer	Images' border. Default: 0
duration	integer	Animation duration. Default 800
perspective	integer	Perpective height. Default: 140
minScale	float	Minimum scale for the image in the back. Default: 0.2
loadingClass	string	CSS class applied to the element while looading images. Default: null
before	function	Callback function triggered before going to the next image
after	function	Callback function triggered after going to the next image