add lightbox

web/themes/custom/popsu_colloque/template/fields/image.html.twig

@@ -0,0 +1,31 @@
+{#
+/**
+ * @file
+ * Default theme implementation of an image.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the img tag.
+ * - style_name: (optional) The name of the image style applied.
+ *
+ * @see template_preprocess_image()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% if style_name == "lightbox" %}
+{#     
+    <img{{ attributes }} />  
+     #}
+    {# <pre>
+        {{ dump(attributes) }}
+    </pre> #}
+    <a href="{{attributes.src}}" data-lightbox="lightbox" data-title="{{attributes.title}}">
+        <img src="{{attributes.src}}" alt="">
+    </a>
+    {# <a href="{{attributes.src}}" data-lightbox="lightbox">image</a> #}
+    
+    {% else %}
+        
+    <img{{ attributes }} />
+{% endif %}