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
info@oswweb.com
raziel@oswweb.com
www.paulvic.com   www.alancollection.com   www.oswaldraziel.com   www.genko-sa.com    www.subastaperfumes.com   www.lacasadelosperfumes.com
www.industrialpieretto.com   www.lemonloungebar.com   www.unimascotas.com   www.altovoltajerock.com.ar   www.djdimatteo.com   www.puntobordado.com
www.arcangelraziel.com    www.fgproducciones.com    www.unimascotasstore.com   www.myspace.com/oswaldraziel    www.facebook.com/people/Oswald-Raziel

Home  |  Web Design  |  Web Programing  |  Graphic Design  |  Multimedia  |  Art & Design  |  Portfolio  |  Links  |  Contact


© Copyright 2011 OSWWEB.com / All Rights Reserved