Javascript CSS/JS/jQuery-不同大小的浮动图像

我需要以浮动方式显示图像-但它们有2种尺寸，较大的一种尺寸有4种较小的尺寸，下面是一个视觉示例：

我继续使用，一个很酷的插件在另一个问题中提出， 但我只走了这么远：

正如你所看到的，仍然有空位

你知道怎么做吗？任何解决方案都有帮助，无论是css、js、jquery，甚至是其他库，我想我可以将解决方案调整为jquery

目标是不要有空的空间，但是所有的东西都被填满了，布局应该保持流畅

---

谢谢。

鉴于下面的html结构，您可能会通过jquery添加类，那么下面的css似乎可以很好地实现您想要的功能；目前仅在IE7-9中测试：

HTML

---

您能提供某种类型的测试用例吗？您能发布第一个示例的代码吗。使用JSfiddle确实会有帮助。

<img class="half top" />
<img class="half" />
<img class="full" />

.half,
.full {
    float: left;    
    margin: 0 10px 10px 0;
}

.half {
    width: 40px;
    height: 60px;
}

.full {
    width: 90px;
    height: 130px;
}

.half.top + .half {
    margin-left: -50px;
    margin-top: 70px;
}