@precision-nutrition/imgix-photo

3.2.0 • Public • Published

imgix-photo CircleCI

Provides a low-level component for rendering images that use the Imgix service.

Compatibility

  • Ember.js v3.16 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

ember install @precision-nutrition/imgix-photo

Usage

<ImgixUrl
  @alt="Some helpful alt-text"
  @url="http://sub.imgix.com/path-to-image.jpg"
  @params="{{hash"
  w="300"
  }}
  class="Some Classes Here"
/>

Where @params uses the {{hash helper to specify any supported option for Imgix.

Other Properties

  • autoSetDimensions: set to false if you don't want the rendered <img to have its width and height properties set. This is useful if you want a "responsive" image.

Class Names

  • Loading images will have an .is-loading class
  • Completed images will have an .is-complete class

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

Readme

Keywords

Package Sidebar

Install

npm i @precision-nutrition/imgix-photo

Weekly Downloads

1

Version

3.2.0

License

MIT

Unpacked Size

11.4 kB

Total Files

28

Last publish

Collaborators

  • hasitha-pn
  • lauragonzalezz
  • trianglegrrl
  • pnfinance
  • pn-bot
  • elucid
  • jonhunt-pn
  • christophermilne
  • vpuzzella
  • ivanvotti
  • miguelverissimo
  • pn-ips