En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de Cookies pour réaliser des statistiques de visites.

09 54 46 51 10

du lundi au vendredi de 08h à 19h

Les filtres image


resize_image

Permets le redimensionnement d’une image.

Receveur

  • src : L’URL de l’image à redimensionner

Arguments

  • width : voir View#renderImage
  • height : voir View#renderImage
  • scale : voir View#renderImage

Valeur de retour

L’URL de l’image redimensionnée.

Exemple

<img src="{{ page.image.url|resize_image(100, 100, 'best-fit') }}"/>

find_first_image_url

Renvoi l'URL de la première occurrence d'une image dans un texte au format HTML.

Receveur

  • html : Le code HTML

Valeur de retour

L'URL de l'image trouvée.

Exemple

{% set imageUrl = page.html|find_first_image_url %}

lazyload_img

Ce filtre va parcourir le code HTML passé en argument et remplacer toutes les images par une image miniature de 100px par 100px. Pour les balises img l'URL originale sera définie dans la propriété data-src. Pour les balises sources des balises picture l'URL originale sera définie dans la propriété data-srcset.

Receveur

  • html : Le code HTML à parser

Valeur de retour

Le code HTML parsé.

Exemple

{{ html|lazyload_img }}

{{ renderImage(image.url, image.title, "auto", "auto", "scale", "best-fill", "center")|lazyload_img }}