hisrc

Package Description

Output modifier that generates hisrc.js compatible markup

OUTPUT MODIFIER USAGE:

w or h is the only REQUIRED variable

SNIPPET USAGE:

img, (w or h) are the only REQUIRED variables

Usage/Installation Instructions

HISRC MODX Output Modifier

This is a snippet for use with MODX, accepts Image URL's and outputs required tags for use with hisrc.js

Requirements

This snippet requires the use of hisrc.js and phpthumbof

You will need to save hisrc.php as a new snippet inside MODX and name it hisrc for these examples to work

Usage

This snippet can be used as either a basic snippet call, or as an output modifer

Options

• w = width in pixels **required, represents the width of the 1x image**
• h = height in pixels **required, represents the width of the 1x image**
• img = image url **not required if using as output modifier**
• zc = zoom crop (1 or 0) **default: 0**
• q0 = inital image quality (low res, initial load) **default: 20**
• q1 = 1x image quality loaded via hisrc.js **default: 75**
• q2 = 2x image quality loaded for retina screens **default: 30**

Output modifier

Snippet call

Issues

Feel free to log a bug over at our Github Project