You can use imagesLoaded with vanilla JS, Using a callback function is the same as binding it to the always event. Bind events with vanilla JS with .on(), .off(), and .once() methods. Detect when background images have loaded, in addition to <img>s. Set { background: true } to detect when the element's background image has loaded. Set to a selector string like { background: '.item' } to detect when the background images of child elements have loaded. The always event is triggered after all images have been either loaded or confirmed broken. and the done event is triggered after all images have successfully loaded without any broken images. imagesLoaded works with Browserify. imagesLoaded works with RequireJS. You can manage dependencies with Bower. Set baseUrl to bower_components and set a path config for all your application code.

Features

  • You can use imagesLoaded as a jQuery Plugin
  • You can use imagesLoaded with vanilla JS
  • Detect when background images have loaded, in addition to <img>s
  • See jQuery demo or vanilla JS demo on CodePen
  • Development on imagesLoaded is sponsored by Metafizzy

Project Samples

Project Activity

See All Activity >

Categories

Graphics

License

MIT License

Follow imagesLoaded

imagesLoaded Web Site

Other Useful Business Software
Fully Managed MySQL, PostgreSQL, and SQL Server Icon
Fully Managed MySQL, PostgreSQL, and SQL Server

Automatic backups, patching, replication, and failover. Focus on your app, not your database.

Cloud SQL handles your database ops end to end, so you can focus on your app.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of imagesLoaded!

Additional Project Details

Operating Systems

Android, Apple iPhone

Programming Language

JavaScript

Related Categories

JavaScript Graphics Software

Registered

2021-07-08