- Lazy loading
- Placeholder images / boxes
- Best-fit art-direction
srcsetsupport (coming soon)
npm install ractive-image
Set up ractive-image like you would any other component.
Ractive.components[ "r-image" ] = require( "ractive-image" );
If not using modules, ractive-image will expose a
<r-image id="imgProfAvatar" height="150px" width="150px" placeholder="/v1/me/avatar?s=sample" src="/v1/me/avatar?s=med" />
For now, I'm manually testing initial features and small additions. Test scripts will be a requirement before launching v1.0.0
Small project (and I'm new to writing public facing modules), so no preferences on contributions yet. PR's welcome, just name it something obvious.