如何对不同尺寸的图像进行不规则拼接？

Question

这是我想要实现的一个例子：

上下文：我想用HTML5 / CSS3创建一堆相关图片的马赛克。它们应该没有边距（不像示例，原谅我的Paint：D）并且它们的大小各不相同，但我需要它们是复杂的＆＃34;，以便它可以制作单个可滚动的可点击图像块。请注意，如果需要，可以使用Javascript。

我应该如何显示这样的布局？

感谢您的帮助。