A simple JS module to ensure a CSS animation plays continuously through to the end animation frame.
Continue playing loading animation until a:
- Lazy loaded image is loaded
- User has clicked on a notification
- "Load more" ajax request has been completed
- Chain multiple animations to fire sequentially
npm install ensure-animation --save
Given the following markup:
Import EnsureAnimation for use in your JS:
const preloaders = '.preloaders'
Stop single instance
const preload = '.preloader'0preload
Restart the animation
Stop all instances
const preloaders = '.preloader'preloaders
Options can be passed directly to an instance using data attributes on the node itself, or by passing in an object of values.
const preloaders = '.preloader'// target to watch for class to be appliedtarget : '.hero-image'// targets' class signaling animation should finishuntil : 'has-been-loaded'// target received this class upon finished animation,finishClass : 'custom-finished-class'