Loading Lifecycle

Learn how TwicPics handles medias loading lifecycle.

The Script happens to tag elements with specific classes whenever images are loaded under the hood. This is especially useful if you want to apply a specific CSS effect to images that are being loaded (like a fade-out/fade-in animation) or if you wish to visually highlight errors during development (like coloring problematic elements in red).

Here are the classes the Script will mark elements with:

  • twic-loading when an img or video source is being loaded
  • twic-done when an img or video source has been loaded
  • twic-error when an error occurred while loading an img or video source
  • twic-poster-loading when a video poster is being loaded
  • twic-poster-done when a video poster has been loaded
  • twic-poster-error when an error occurred while loading a video poster
  • twic-background-loading when at least one of the background images of an element is being loaded
  • twic-background-done when all background images of an element have been loaded
  • twic-background-error when an error occurred while loading one of the background images
responsive images

The All-In-One Toolbox For Your Medias

The simplest, most powerful way to tackle responsive images & videos