6 repository-uri
Utilities for monitoring the success, failure, and completion of image asset downloads.
Distinct from Image Loading: Existing candidates focus on lazy loading or progressive rendering, not the general tracking of load completion.
Explore 6 awesome GitHub repositories matching web development · Image Load Tracking. Refine with filters or upvote what's useful.
imagesloaded is a JavaScript image loading library used to detect when images and background images have finished loading or failed within a web page. It functions as a frontend asset loader and DOM image event monitor that synchronizes user interface updates with the actual completion of image downloads in the browser. The library provides monitoring systems to track the loading status of individual images, group containers, and background assets. It coordinates the appearance of a web page to ensure content is not displayed until required assets are ready, which helps manage the loading seq
Detects when images and background images have finished loading or failed within a web page.
This is a high-performance image component and native caching library for mobile applications. It provides tools for image optimization and asset preloading to reduce visual flicker and increase loading speeds. The project differentiates itself through a mobile asset preloader that downloads remote images into a local cache before they are requested. It also includes a system for assigning loading priority levels to ensure critical visual assets are fetched first and supports remote asset authentication by attaching custom HTTP headers to requests. The library covers a broad range of capabil
Provides callbacks to monitor the success, failure, and overall progress of image asset downloads.
vue-lazyload is a Vue.js image lazy loading plugin and frontend asset optimizer. It serves as a viewport visibility observer that defers the loading of images and components until they enter the browser viewport to reduce initial page load times. The project functions as a progressive image loader by managing image placeholders and implementing dynamic source switching. It uses a browser API to monitor when elements enter the viewport, avoiding expensive scroll event listeners to maintain performance. The plugin provides capabilities for image loading state tracking, including custom placeho
Provides CSS hooks and event listeners to track and style images during loading and failure states.
This is a custom Android view designed for rendering high-resolution images using subsampling and tiling to prevent memory overflows. It serves as an interactive image component that supports pinch-to-zoom, panning, and double-tap animations. The project is distinguished by its rendering engine, which loads low-resolution previews and high-resolution tiles to enable the efficient navigation of massive image files. It includes a coordinate mapper that converts screen touch points into raw image pixel coordinates and vice versa during scaling and panning. The view provides a broad set of capab
Reports failures during the loading process of preview images, full-size bitmaps, or tiles.
lozad.js is a JavaScript lazy loading library and viewport-based media loader. It serves as a dependency-free wrapper around the Intersection Observer API to defer the loading of images and iframes until they enter the browser viewport. The project functions as a responsive image loader that optimizes page speed by delivering the most appropriate image sizes and formats based on the user's screen. It includes capabilities for responsive image optimization and layout stabilization through the use of image placeholders to prevent content shifts. The library manages the full lifecycle of deferr
Monitors native browser load events to track when media assets have finished downloading.
AR.js is a JavaScript library for building augmented reality experiences that run directly in the web browser. It provides the core capability to render digital content overlaid on the real world using either the A-Frame HTML component system or the three.js JavaScript library, supporting both marker-based and location-based AR approaches. The library enables tracking of predefined 2D images, fiducial markers, and image targets through the device camera, allowing virtual objects such as 3D models, videos, or images to be positioned relative to recognized visual references. For location-based
Recognizes predefined images through the camera and overlays digital content on them in real time.