Callbacks

note

All Module callbacks are available in this class.

loaded

Triggered once, when the page is fully loaded.

const preloader = new Preloader({
  container: document.getElementById("container"),
}, {
  onLoaded: () => console.log('loaded'),
});

or:

const destruct = preloader.on('loaded', () => console.log('loaded'));

// Cancel the callback
destruct();

hide

Triggered when the preloader starts hiding — either automatically (if hide props is a number) or via manual .hide().

const preloader = new Preloader({
  container: document.getElementById("container"),
}, {
  onHide: () => console.log('hide'),
});

or:

const destruct = preloader.on('hide', () => console.log('hide'));

// Cancel the callback
destruct();

hidden

Triggered only after the hiding animation fully completes.
If hiding is disabled (hide: false) — this callback runs only after a manual .hide().

const preloader = new Preloader({
  container: document.getElementById("container"),
}, {
  onHidden: () => console.log('hidden'),
});

or:

const destruct = preloader.on('hidden', () => console.log('hidden'));

// Cancel the callback
destruct();