JSON Gallery, Lazyload

JSON Gallery, Lazyload

HTML

<script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js"></script>
<script src="http://isotope.metafizzy.co/jquery.isotope.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div id="container" class="container">
    <!-- First item to be sure isotope works correctly-->
    <div class="box">
        <img src="http://images1.wookmark.com/266985_tumblr_mj8oltkccc1qjd5wfo1_500.png" width="1" height="1" style="display:none">
    </div>
        
</div>
    
    <hr>
        <div id="myModal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
  <div class="modal-content">

	<div class="modal-body">
		
	</div>

   </div>
  </div>
</div>

CSS

.container {
    margin: 10px;
}
.box {
    padding : 3px;
    cursor:pointer
}

.modal-content{
      background: rgba(0,0,0, 0.7);
    text-align:center;
    color:white
    }

.modal-header, .modal-footer{display:none}

JavaScript

// For Ajax testing
var json = [{
    "width": "200",
    "height": "300",
    "image": "http://images2.wookmark.com/266707_tumblr_moaebdyiek1sqmj1zo1_500.jpg"
}, {
    "width": "200",
    "height": "200",
    "image": "http://images2.wookmark.com/267766_tumblr_mocaf2myso1r46py4o1_1280.jpg"
}, {
    "width": "200",
    "height": "300",
    "image": "http://images2.wookmark.com/266821_tumblr_mn3a90g2pu1rbaqo5o1_500.jpg"
}, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
    }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
        }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
            }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                    }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                        }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                            }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                                }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                                    }, {
    "width": "200",
    "height": "300",
    "image": "http://images3.wookmark.com/266762_tumblr_mnu25rktj61ro1zebo1_500.jpg"
                                        }, {
    "width": "200",
    "height":...