/justiflow

JQuery plugin that flows block elements inside a container, scaling them so they are justified. Aspect ratio is maintained.

Primary LanguageJavaScriptApache License 2.0Apache-2.0

justiflow

JQuery plugin that flows images inside a container, scaling them so they are justified. Aspect ratio is maintained.

Have a bunch of images you want to display in a container? The default layout isn't very nice:

This:

<div style="border: dashed red 1px;">
    <img src="pics/1.jpg">
    ...
    <img src="pics/n.jpg">
</div>

Is yucky:

Yuck

Justiflow makes it nice:

$(window).load(
        function() { 
            $('div').justiflow({heightHintPx: 100});
        });

Nice

Justiflow can handle borders, padding, margins, etc:

Nice

Complete example file