Masonry with Kittens

by hellosze

HTML

<script src="http://vanilla-masonry.desandro.com/masonry.min.js"></script>
<a href="http://vanilla-masonry.desandro.com/docs/intro.html">Documentation</a>

<div id="container" style="clear:both;">
<div class="item"><img src="http://placekitten.com/200/170" /></div>
<div class="item"><img src="http://placekitten.com/200/160" /></div>
<div class="item"><img src="http://placekitten.com/200/150" /></div>
<div class="item"><img src="http://placekitten.com/200/130" /></div>
<div class="item"><img src="http://placekitten.com/200/180" /></div>
<div class="item"><img src="http://placekitten.com/200/200" /></div>
<div class="item"><img src="http://placekitten.com/200/130" /></div>
<div class="item"><img src="http://placekitten.com/200/300" /></div>
<div class="item"><img src="http://placekitten.com/200/300" /></div>
<div class="item"><img src="http://placekitten.com/200/900" /></div>
<div class="item"><img src="http://placekitten.com/200/280" /></div>
<div class="item"><img src="http://placekitten.com/160/280" /></div>

</div>

CSS

.item {
  width: 220px;
  margin: 10px;
  float: left;
}

JavaScript

alert("1");
    window.onload = function(){        
        var wall = new Masonry( document.getElementById('container'), {
            columnWidth: 220
        });
    };
    alert("2");