[enh] uses responsives capacities of baguettebox

This commit is contained in:
Laurent Peuch 2016-11-01 11:52:03 +01:00
parent 2305c4f109
commit c22b0747d8
2 changed files with 12 additions and 2 deletions

View File

@ -29,7 +29,12 @@
{% else %}
<section class="bordered-picture baguette">
<div class="caption">
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
data-at-450="{{ image.generate_thumbnail("x450") }}"
data-at-800="{{ image.generate_thumbnail("x800") }}"
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
>
<img class="lazy" src="" data-original="{{ image }}" alt="">
{% if caption %}
<div class="caption__overlay">

View File

@ -28,7 +28,12 @@
{% endif %}
{% set video = "" %}
{% else %}
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
data-at-450="{{ image.generate_thumbnail("x450") }}"
data-at-800="{{ image.generate_thumbnail("x800") }}"
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
>
<img class="lazy" src="" data-original="{{ image.generate_thumbnail("x600") }}" alt="">
{% if caption %}
<div class="caption__overlay">