Download
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 |