Spacegallery – jQuery plugin

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
Be Sociable, Share!

Leave a comment