0.1.0 • Published 9 years ago
epic-image v0.1.0
epic-image
This is a image directive to handle broken images (image broken link).
Depending on what options you provide, broken image
- will be removed
- will be replaced with default image
If the image is not broken and width / height is specified, even then above actions can be taken.
##Installation
Usage:
Image as a background
As block element (e.g <div>)
@params
actual-image - external image url (NOT IN {{ }});
default-image - image to show when actual-image url not working
if not specified then element will be removed from DOM;
min-image-width - if not specified then will allow any size image
value should be without 'px';
HTML Syntax:
<div checkbackground default-image="static_link" actual-image="dynamic_link" min-image-width="100"></div>
Image as src
As image tag (e.g <img src=''>)
@params
actual-image - external image url (NOT IN {{ }});
default-image - image to show when actual-image url not working
if not specified then element will be removed from DOM;
min-image-width - if not specified then will allow any size image
value should be without 'px';
How to use:
<img checksrc default-image="static_link" actual-image="dynamic_link" min-image-width="100" />
0.1.0
9 years ago