README

Craft CMS Keyteq Mediaflow 插件。了解更多访问 Mediaflow!

安装

简单且干净的方法

composer require mediaflow/mediaflow-craft:~1.0
修改您的 public/index.php 以通过添加以下内容作为倒数第二行来自动加载依赖项
```
require __DIR__ . '/../vendor/autoload.php';
```
这仅对使用 composer 的所有插件需要执行一次

复杂的方法

打开发布列表
下载所需版本的 zip 文件
将 zip 文件解压到 plugins/mediaflow/

使用示例

裁剪尺寸的定义

您可以在 Mediaflow 自定义字段中定义裁剪尺寸

{"main":[400,500],"list-view":[500,300],"thumb":[100,100],"content-head":[800,316]}

在您的模板中，您可以执行以下操作

<img src="{{ entry.yourImage.url('list-view') }}" />

生成媒体预览 URL

<img src="{{entry.mediaflowField.url({width: 100,height: 100}) }}" />

与 Foundation Interchange 的示例

{% set media = entry.mediaflowField %}
<img data-interchange="
    [{{ media.url({width:width,height:height,quality:90}) }}, (default)],
    [{{ media.url({width:width,height:height,quality:90}) }}, (large)]
">
<noscript>
    <img src="{{media.url({width:width,height:height,quality:90}) }}">
</noscript>

mediaflow / mediaflow-craft

维护者

详细信息

README

安装

简单且干净的方法

复杂的方法

使用示例

裁剪尺寸的定义

生成媒体预览 URL

与 Foundation Interchange 的示例

使用 Picturefill.js