同位素砌体插件宽度不正常

Question

我正在测试网站上使用isotope插件来布局图像，我有三种类型的图像，大小为[243px x 137px]，[243px x 274px]，[486px x 274px]想要在页面上布局，但不管怎样它们都没有正确呈现，你可以看到这里的例子test website，彩色图像框没有正确呈现，我使用的javascript是：

<script type="text/javascript">

     $( function() {

         var $container = $('#container1');

    $container.imagesLoaded( function(){
    $container.isotope({
        // options...
     itemSelector: '.photo',
            masonry : {
           columnWidth : 243
    }
   });
  });
});

</script>

任何想法如何让它工作，我弄错了，任何建议或协助将不胜感激，谢谢