<!-- a simple grid and an animate button -->
<div class="grid"></div>
<span class="animate">Animate</span>

<!-- jQuery -->
<script src="http://thecodeplayer.com/u/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<!-- jQuery easing plugin -->
<script src="http://thecodeplayer.com/u/js/jquery.easing.min.js" type="text/javascript></script>
<link rel="stylesheet" href="styles.css">
<script src="jquery.js"></script>

//Creating 50 thumbnails inside .grid
//the images are stored on local. So we can use a loop to generate the HTML.
var images = "", count = 10;
for(var i = 1; i <= count; i++)
images += '<img src="/images/'+i+'.jpg" />';

//appending the images to .grid
$(".grid").append(images);