To use it, change this :
- type: pictures-group
images:
-
- image1.jpg
- image2.jpg
-
- image3.jpg
- image4.jpg
To this :
- type: pictures-group
images:
-
- name: image1.jpg
quality: 80
- image2.jpg
-
- image3.jpg
- name: image4.jpg
quality: 100
Next step would be to compress pictures instead of just copying them to reduce their size
Signed-off-by: CapsLock <faimaison@legeox.net>
18 lines
609 B
HTML
18 lines
609 B
HTML
<section class="pictures-group baguette">
|
|
{% for line in section.images %}
|
|
<div class="pictures-line">
|
|
{% for image in line %}
|
|
{{ helpers.copy_image(image) }}
|
|
<div class="picture">
|
|
<a href="{{ helpers.get_image_name(image) }}">
|
|
<img src="{{ helpers.generate_thumbnail(image, "x600") }}">
|
|
</a>
|
|
</div>
|
|
{% if not loop.last %}
|
|
<div class="separator"></div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
</section>
|