You have about seven seconds to hold a typical surfer before they click away. From recent research we know that in seven seconds your potential customer can read about 45 to 55 words. With such a limited time to engage with your audience it is critical you have experience on your side if your website is to be an efficient sales tool. We have the experience to achieve your E-goals.

Download

spacegallery.zip (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions.

Changelog

09.01.2008

The first release release.

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