Gary

Stay Hungry Stay Foolish

Group Pictures

Usage

1
2
{% grouppicture [number]-[layout] %}
{% endgrouppicture %}

or

1
2
{% gp [number]-[layout] %}
{% endgp %}
  • [number] : Optional parameter. Total number of pictures to add in the group pictures.

  • [layout] : Optional parameter. The index of the layout, which can be obtained according to the figure below. For example, if you want to apply the second layout to 4 pictures, then use

    1
    {% grouppicture 4-2 %}{% endgrouppicture %}

Group Picture Layout
Group Picture Layout

It’s recommended to use Group Pictures with Fancybox enabled.

Please use absolute paths for <img> inside group pictures. See this issue for details.

Examples

1
2
3
4
5
{% grouppicture 3-3 %}
![](/images/next.svg)
![](/images/next.svg)
![](/images/next.svg)
{% endgrouppicture %}
1
2
3
4
5
6
7
{% gp 5-2 %}
![](/images/next.svg)
![](/images/next.svg)
![](/images/next.svg)
![](/images/next.svg)
![](/images/next.svg)
{% endgp %}
0%