Download the PHP package mostlyserious/craft-imgix-picture without Composer
On this page you can find all versions of the php package mostlyserious/craft-imgix-picture. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package craft-imgix-picture
imgix Picture
A Twig helper to generate picture tags from a set of imgix transforms.
Requirements
This plugin requires Craft CMS 4.9.0 or later, and PHP 8.0.2 or later.
Installation
You can install this plugin with Composer.
With Composer
Open your terminal and run the following commands:
Configuration
This plugin assumes that you have one Asset Volume and File System configured (Typically an Amazon S3 bucket) an an imgix source that references that File System. Note: multiple imgix sources are not supported at this time.
To get started, create an imgix account with a source and an API Key.
The API key requires Purge permissions, and it is used only to purge assets on Craft's Asset events, such as replace.
Add your imgix url and API key as environment variables in your .env file.
Add then add this config file at config/imgix-picture:
altTextHandleAlternative Text: This plugin assumes that Craft's nativealttext field has been added to the desired Assets field layout. If you are using a different field for alternative text, you can override this by providing a different field handle in your config file.defaultParametersDefault Parameters: Override the default imgix parameters tuned for auto format and modest quality with your own defaults.useNativeTransformsCraft Transforms: set totrueto bypass imgix and use Craft Transforms instead.fallBackImageSrcFallback Image: Imgix has it's own default image that you can set for a source. Apart from that, if you wish to configure an image to display when an Asset is not provided to the picture function you can set that here.
Usage
Use the picture function to generate a <picture> tag from an Asset.
The picture() function
This function is called with 3 arguments:
- The first argument must be a Craft Asset object.
-
The second is an array of transforms.
- a non-standard
breakpointproperty is a min-width pixel value that adds a min-width media query to<source>elements inside the picture, ex:media="(min-width: 1024px)". - Focal Point parameters are added automatically if the Asset has a focal point.
-
Transforms may contain any parameter in the imgix Rendering API. Recommended default attributes are set by the plugin as a baseline, but will be overidden with any you provide here.
- If only one transform is passed in, an
<img>tag will be rendered instead of apicturetag.
- a non-standard
- The third parameter is an object representing html attributes you wish to add to the rendered element. Images are lazy loading by default, but you can override this, for example:
Other Functions
singleSrc()create a single transformed url suitable for asrc=""attributedownloadUrl()creates a force download link to an imgix asset with the dl paramimgixAttrsreturns the imgix attributes without a picture taggetMaxDimensionsreturns the max dimensions of an asset within the defined parameters
