// jQuery$('#container').imagesLoaded().always( function( instance ) {console.log('ALWAYS - all images have been loaded');});// vanilla JSimgLoad.on( 'always',function( instance ) {console.log('ALWAYS - all images have been loaded');});
Triggered after all images have been either loaded or confirmed broken.
instanceimagesLoaded - the imagesLoaded instance
done
// jQuery$('#container').imagesLoaded().done( function( instance ) {console.log('DONE - all images have been successfully loaded');});// vanilla JSimgLoad.on( 'done',function( instance ) {console.log('DONE - all images have been successfully loaded');});
Triggered after all images have successfully loaded without any broken images.
fail
$('#container').imagesLoaded().fail( function( instance ) {console.log('FAIL - all images loaded, at least one is broken');});// vanilla JSimgLoad.on( 'fail',function( instance ) {console.log('FAIL - all images loaded, at least one is broken');});
Triggered after all images have been loaded with at least one broken image.
progress
imgLoad.on( 'progress',function( instance, image ) {var result =image.isLoaded ?'loaded':'broken';console.log( 'image is '+ result +' for '+image.img.src );});
Triggered after each image has been loaded.
instanceimagesLoaded - the imagesLoaded instance
imageLoadingImage - the LoadingImage instance of the loaded image