Mediaflow plugin for Craft
Craft CMS Keyteq Mediaflow plugin. Read more Visit Mediaflow!
Install
The easy and clean way
-
composer require mediaflow/mediaflow-craft:~1.0
-
Modify your
public/index.php
to autoload depdendencies by adding this as the second to last line:require __DIR__ . '/../vendor/autoload.php';
This is only required once for all plugins using composer
The hard Crafty way
- Open the list of releases
- Download the zip file for the desired release
- Unpack the zip file to
plugins/mediaflow/
Example of usage
Definition of crop sizes
You can define crop sizes in the Mediaflow custom fields
{"main":[400,500],"list-view":[500,300],"thumb":[100,100],"content-head":[800,316]}
In your template you can do the following:
<img src="{{ entry.yourImage.url('list-view') }}" />
Generating a media preview URL
<img src="{{entry.mediaflowField.url({width: 100,height: 100}) }}" />
Example with 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>
Using Picturefill.js