jQuery Bricks Demo

HTML

<script src="https://rawgithub.com/floo51/jquery-bricks/master/jquery-bricks.js"></script>
<div id="container">
    <div class="item" style="background-color:red;width:600px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:yellow;width:120px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:black;width:300px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:purple;width:220px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:blue;width:128px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:white;width:250px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:pink;width:95px;height:300px;">
        &nbsp;
    </div>
    <div class="item" style="background-color:brown;width:275px;height:300px;">
        &nbsp;
    </div>
</div>

CSS

body {
    background-color:#AAA;
}
#container {
    font-size:0px;
}
#container .item {
    display:inline-block;
    margin:5px;
}

JavaScript

$('#container').bricks({
    itemSelector: '.item'   
});