Gridder V1

Version : 1.1

A jquery plugin imitating the Google Images page behaviour.

I'm creating this jQuery plugin as I was unable to find a similar one on internet.

Please note that i'm very new to Jquery, so you may stumble on weird errors. But i'm more than willing to help if this occurs.

Live demo GRIDDER v1 : http://www.oriongunning.com/demo/gridder/demo.html

=======

NEW Live demo with GRIDDER v2

Live demo GRIDDER v2 : http://www.oriongunning.com/demo/gridder/demo.html

Github link for V2 : https://github.com/oriongunning/gridder-ajax

=======

FEATURES

Multiple instances
Really easy to use and customize
Expanding preview with details

Coming soon ...

A new theme!

Get Started

Include

<link href="css/gridder.css" rel="stylesheet">
<script src="js/gridder.js"></script>

The Markup

<div class="gridder">
	
	<!-- The bloc -->
  	 <div class="gridder-list">
		<div class="gridder-thumb">
		    <img src="http://placehold.it/600x400" data-bigimage="http://placehold.it/600x400" />
		    <span class="overlay">Title 2</span>
		</div>
		<div class="gridder-content">
		   <!-- Any Content you want to show in the expanding panel -->
		</div>
	  </div>
	
</div>

Fire it up

<script>
$(function() {

	// Call Gridder
	$('.gridder').Gridder();

});
</script>

This work is licensed under a Creative Commons Attribution 3.0 Unported License.

cheeshyan / gridder