add lazyload

2019-09-27 17:22:14 +02:00
parent b857814072
commit 8a48a6ac0f
10 changed files with 369 additions and 342 deletions
@@ -6,19 +6,24 @@
    {% set image = page.media.images|first %}
    {% if image %}
        <div id="{{ page.folder }}" class="card-image">
-          <a href="{{ page.url }}">{{ image.html("", "Projet") }}</a>
+          <a href="{{ page.url }}">
+            
+            <div class="card-header">
+              {% if page.header.title %}
+              {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+              {% endif %}
+              {% if page.header.taxonomy.tag %}
+              {% include 'partials/blog/taxonomy.html.twig' %}
+              {% endif %}
+
+              {% if page.header.date %}
+              {% include 'partials/blog/date.html.twig' %}
+              {% endif %}
+            </div>
+
+            <img class="lazy" data-src="{{image.url}}" alt="Projet">
+
+          </a>
      </div>
    {% endif %}
-    <div class="card-header">
-      {% if page.header.title %}
-        {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
-      {% endif %}
-        {% if page.header.taxonomy.tag %}
-          {% include 'partials/blog/taxonomy.html.twig' %}
-        {% endif %}
-
-        {% if page.header.date %}
-          {% include 'partials/blog/date.html.twig' %}
-        {% endif %}
-    </div>
 </div>