Zoom + Masonry study for Pattie Lee

by HugeHugh

HTML

<script src="https://raw.github.com/jackmoore/zoom/master/jquery.zoom.js"></script>
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script src="https://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.js"></script>
<div id="con">    
</div>

CSS

.size1, .size1>img {width:140px}
.size2, .size2>img {width:290px}
.size3, .size3>img {width:440px}
.art{float:left; margin:5px}

JavaScript

var cdn = 'http://static.squarespace.com/static/';

var imgs = [{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e1fe4b037dd5e2029b7/1364251138601/',
    losrc:'Powers-of-Ten_VIII_Feathers_Final_Merged_1MB.jpg?format=350w',
    src:'Powers-of-Ten_VIII_Feathers_Final_Merged_1MB.jpg',
    title:'Powers of Ten - VIII Feathers',
    size:1
},
{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e2de4b037dd5e2029e8/1364252241797/',
    losrc:'I_Pinwhickle_Merged_Final_1MB.jpg?format=350w',
    src:'I_Pinwhickle_Merged_Final_1MB.jpg',
    title:'Pinwhickle',
    size:2
},{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e04e4b037dd5e202950/1364251156539/',
    losrc:'Powers-of-Ten_X_Flotsam_Final_1MB.jpg?format=350w',
    src:'Powers-of-Ten_X_Flotsam_Final_1MB.jpg',
    title:'Powers of Ten - X Flotsam',
    size:3
},
{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e17e4b037dd5e202990/1364251070910/',
    losrc:'Powers-of-Ten_III_Ropes_Final_1MB.jpg?format=350w',
    src:'Powers-of-Ten_III_Ropes_Final_1MB.jpg',
    title:'Powers of Ten - III Ropes',
    size:1
},{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e25e4b037dd5e2029cd/1364251061508/',
    losrc:'Powers-of-Ten_II_Cells_Merged_Final_1MB.jpg?format=350w',
    src:'Powers-of-Ten_II_Cells_Merged_Final_1MB.jpg',
    title:'Powers of Ten - II Cells',
    size:2
},
{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e27e4b037dd5e2029da/1364251080502/',
    losrc:'IV_Branches_Final_Merged_1MB.jpg?format=350w',
    src:'IV_Branches_Final_Merged_1MB.jpg',
    title:'IV Branches',
    size:3
},{
    folder:'514229fde4b037dd5e2015bd/51422dace4b037dd5e202794/51422e1fe4b037dd5e2029b7/1364251138601/',
    losrc:'Powers-of-Ten_VIII_Feathers_Final_Merged_1MB.jpg?format=350w',
    src:'Powers-of-Ten_VIII_Feathers_Final_Merged_1MB.jpg',
    title:'Powers of Ten - VIII Feathers',
    size:1
},
{
   ...