README

一个自定义的 twig 扩展，用于添加

安装

将库添加到你的应用的 composer.json

    "require": {
        "ed.sukharev/twig-picture-extension": "~1.0",
        ...
    }

将扩展添加到 Twig_Environment

use PictureExtension\Twig\Extension\Picture;

$twig = new Twig_Environment(...);

$twig->addExtension(new Picture());

用法

该扩展提供了一个 picture twig 函数，该函数生成一组 source 的 picture 标签以及回退的 img 标签

{{ picture('/img/path/filename.png', 'My image alt text') }}

这将生成以下输出

<picture>
    <source srcset="/img/path/filename.webp" type="image/webp">
    <source srcset="/img/path/filename.png" type="image/png">
    <img src="/img/path/filename.png" alt="My image alt text">
</picture>

参数

picture 函数接受 3 个参数

picture($filename, $imgAlt, $imgClasses = [])

filename：原始图像的文件名。当需要时，图片函数会替换扩展名。
alt：当图像不可用时显示的替代文本。必需的，以免忘记添加。
imgClasses：要添加到回退 img 标签的 class 属性的字符串数组。

Symfony2

手动添加服务

# app/config/config.yml

services:
    pciture_extension.twig.picture:
        class: PictureExtension\Twig\Extension\Picture
        tags:
            - { name: twig.extension }

ed.sukharev / twig-picture-extension

维护者

详情

README

安装

用法

参数

Symfony2

手动添加服务