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();