Then all I did was I switched the library out with 3.1.0 and reloaded my page & got this:
<div id="photoset_images_ss">
<a href="#"><img src="..." /></a>
<a href="#"><img src="..." /></a>
<a href="#"><img src="..." /></a>
...
</div>
<style type="text/css">
#photoset_images_ss {
width:1600px;
}
#photoset_images_ss img {
border:1px red solid;
}
</style>
<script>
$(document).ready(function() {
$('#photoset_images_ss').justifiedGallery({
'rowHeight' : 400,
'fixedHeight' : false,
'justifyLastRow': true,
'captions' : false,
'margins' : 2,
'refreshTime': 500000, // no need to refresh. phantom loads it with an 1600^2 viewport, screengrabs & exits.
'sizeRangeSuffixes': { 'lt100':'',
'lt240':'',
'lt320':'',
'lt500':'',
'lt640':'',
'lt1024':''},
'onComplete': function() {
$('.jg-row').slice(2).remove();
if (typeof window.callPhantom === 'function') {
window.callPhantom({ hello: 'world' });
}
}
});
});
</script>