时间戳

首页 > 解决方案 > grav cms materilaize.css 树枝中的 img 标题

twig - grav cms materilaize.css 树枝中的 img 标题

问题描述

我正在使用带有 materilaize.css 的 Grav Cms。对于图像标题，我需要在物化中使用以下 html 语法：

<img class="materialboxed" 
     data-caption="A picture of a way with a group of trees in a park" 
     src="https://lorempixel.com/800/400/nature/4"
>

在树枝中，我通常使用以下内容：

{{ image.html('', '', 'materialboxed responsive-img card') }}

但我不知道如何将data-caption元素添加到这一行？

标签： twigmaterializegrav

解决方案

最好的方法是使用url函数而不是html，因为它在修改实际元素时提供了更大的灵活性。

<img src="{{ image.src }}" 
  class="materialboxed responsive-img card" 
  data-caption="A picture of a way with a group of trees in a park"
>

推荐阅读