MG Space is great for things like:
Thumbnail Galleries
Easily reveal a thumbnail gallery!
Click me!
Sliders
Tuck away a handy slider!
Click me!
Or really anything
Use your imagination!
Click me!
It’s crunch time
Space Invaders is a two-dimensional fixed shooter game in which the player controls a laser cannon by moving it horizontally across the bottom of the screen and firing at descending aliens. The aim is to defeat five rows of eleven aliens—some versions feature different numbers—that move horizontally back and forth across the screen as they advance towards the bottom of the screen.
Use MG Space like this:
<div class="your-wrapper">
<div class="mg-rows">
<div>
<a href="#" title="trigger element" class="mg-trigger"></a>
</div>
<div>
<a href="#" title="trigger element" class="mg-trigger"></a>
</div>
<div>
<a href="#" title="trigger element" class="mg-trigger"></a>
</div>
...
</div>
<div class="mg-targets">
<div></div>
<div></div>
<div></div>
...
</div>
</div>
In a basic scenario, you just need to import mg-space.css, jquery, jquery.mg-space.js and call the mgSpace() function on the wrapper containing .mg-rows and .mg-targets. The trigger .mg-trigger does not have to be a link, but it does have to be inside a child of .mg-rows as shown.