6 Repos
JavaScript libraries dedicated to monitoring and managing the loading lifecycle of web images.
Distinct from Image Loading: Candidates were limited to Swift or Android; this is specifically for the web/JavaScript environment.
Explore 6 awesome GitHub repositories matching web development · Image Loading Libraries. 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
A JavaScript library for detecting when images and background images have finished loading or failed.
Lazyload is a JavaScript plugin that defers the loading of images until they scroll into the viewport, using the browser's Intersection Observer API to detect visibility. It is designed to speed up initial page load and save bandwidth by delaying off-screen images, and includes a jQuery-compatible wrapper for drop-in integration with existing jQuery code. The plugin distinguishes itself through support for responsive images, loading different sources based on screen size, and a blur-up placeholder effect that shows a low-resolution image that transitions into the sharp version once fully load
Loads every image immediately by overriding the scroll-based delay with a dedicated method call.
vanilla-lazyload is a JavaScript lazy loading library and viewport-based asset loader designed to improve page load speed by deferring the loading of images, videos, iframes, and backgrounds. It functions as an intersection observer media loader that triggers resource downloads and script execution only when elements enter the browser viewport. The project also serves as a native lazy loading polyfill, utilizing native browser loading attributes where supported and providing a JavaScript fallback for older environments. The library distinguishes itself through active bandwidth management, suc
Provides a method to force all remaining lazy-loaded elements to load immediately and stop observation.
Ion is an asynchronous HTTP client library for Android that handles network requests, JSON parsing, image loading, and file downloads. It provides a fluent builder pattern for constructing requests and supports automatic JSON deserialization into Java objects using Gson, along with in-memory image caching and multipart form-data encoding. The library distinguishes itself through its support for request cancellation via Future objects, allowing individual or bulk cancellation of in-flight requests to avoid wasted bandwidth and stale callbacks. It also includes proxy-aware request routing for d
An image loading component that fetches remote images with caching, placeholders, error states, and fade-in animations.
Dies ist eine JavaScript-Bildladebibliothek und eine Suite von Dienstprogrammen für binäres Metadaten-Parsing und Canvas-basierte Transformationen. Sie bietet eine einheitliche Schnittstelle zum Laden von Bildern von URLs, Blobs oder Dateien in HTML-Elemente. Die Bibliothek enthält einen Canvas-basierten Bildtransformator zur Erstellung skalierter, zugeschnittener oder gedrehter Bilder sowie einen Bildausrichtungshandler, der Bilder basierend auf eingebetteten Metadaten dreht oder spiegelt. Sie bietet zudem einen Exif-Metadaten-Parser zum Extrahieren von IPTC- und Exif-Tags sowie eingebetteten Thumbnails aus binären Bilddaten. Das Toolset deckt browserbasierte Bildverarbeitung ab, einschließlich clientseitiger Größenänderung und automatischer Ausrichtungskorrektur, um eine konsistente Anzeige über verschiedene Bildschirme hinweg sicherzustellen. Es unterstützt die Extraktion und Modifikation binärer Bild-Header sowie die Wiederherstellung von Metadaten nach der Größenänderung.
Loads images from URLs, Blobs, or Files into HTML elements with integrated scaling and cropping.
OpenSeadragon is a JavaScript library and tiled image rendering engine designed for high-resolution image viewing. It functions as a deep zoom image viewer that renders massive images using a tiled pyramid approach, enabling smooth panning and zooming without requiring the full image file to be loaded. The project distinguishes itself through broad support for standardized image retrieval protocols, including the International Image Interoperability Framework (IIIF), IIPImage, Iris, and OpenStreetMap. It provides a hardware-accelerated rendering layer via WebGL to apply real-time filters and
Manages an image loading queue to control how and when image assets are fetched from the server.