Photo Wall

The flex layout arranges collections of images into a brick pattern.

Due to additions to the web-standards, scripting is no longer required.

Example

https://woollymittens.github.io/photo-mosaic/

Implementation

<link rel="stylesheet" href="./css/photo-mosaic.css"/>
...
<figure class="photo-mosaic">
	<a href="img/photo_0a.jpg"><img alt="" src="./img/photo_0.jpg"/></a>
	<a href="img/photo_1a.jpg"><img alt="" src="./img/photo_1.jpg"/></a>
	<a href="img/photo_2a.jpg"><img alt="" src="./img/photo_2.jpg"/></a>
	...
</figure>

License

This work is licensed under a MIT License. The latest version of this and other scripts by the same author can be found on Github.