Masonry - basic item resizing

re https://github.com/desandro/masonry/issues/98

HTML

<script src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
<div id="container">
    <div class="box">
        <img src="http://placehold.it/200x200" />
    </div>
    <div class="box">
        <img src="http://placehold.it/300x200" />
    </div>
    <div class="box">
        <img src="http://placehold.it/200x210" />
    </div>
</div>

CSS

#container {
    max-width: 580px;
}
.box {
    float: left;
    min-width: 100px;
}
.box img {
    width: 100%;
}

JavaScript

$(function () {

    var container = $('#container');

    // Convert .box width from pixels to percent
    
    // Trigger masonry
    container.masonry({
        itemSelector: '.box',
        columnWidth: 1 //widths dividable by 1
    });
});