How it works
If an element overlaps any of the images, either .background--dark or .background--light is added to it. BackgroundCheck does not change an element's style — you must do so using CSS.
Original Style
.label {
color: blue;
}
Additional Styles
.label.background--light {
color: black;
}.label.background--dark {
color: white;
}
How to use
BackgroundCheck.init({
targets: '.ui'
});
Check all elements with a .ui class against all images on the page.
BackgroundCheck.init({
targets: '.ui',
images: '.thumbnail'
});
Check all elements with a .ui class against all images with a .thumbnail class.
// All targets
BackgroundCheck.refresh();// Specific target
BackgroundCheck.refresh(e.target);
Reprocess all or specific targets.