awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
francoischalifour avatar

francoischalifour/medium-zoom

0
View on GitHub↗
3,933 Stars·167 Forks·JavaScript·MIT·9 Aufrufemedium-zoom.francoischalifour.com↗

Medium Zoom

medium-zoom ist eine JavaScript-Bildzoom-Bibliothek und Frontend-UI-Komponente, die einen Vollbild-Erweiterungseffekt erzeugt, wenn ein Benutzer in einem Webbrowser auf ein Bild klickt. Sie fungiert als responsives Bild-Overlay, das eingebettete Medien in hochauflösende Zoom-Ansichten transformiert.

Die Bibliothek unterstützt das Austauschen von niedrigauflösenden Bildquellen gegen hochauflösende Versionen, sobald der Zoomeffekt ausgelöst wird. Sie ermöglicht es externen Elementen, die Erweiterung auszulösen, und bietet die Möglichkeit, dynamisch zu verwalten, welche Bilder oder Elementgruppen zoombar sind.

Benutzer können das Zoom-Overlay-Erscheinungsbild durch Modifikationen von Rändern, Hintergrundfarben und HTML-Templates anpassen. Das System enthält ein programmatisches Zustandsmanagement, um die Ansicht per Code zu öffnen, zu schließen oder umzuschalten, und bietet Event-Listener für Callbacks während des Animations-Lebenszyklus.

Features

  • Expandable Images - Implements a click-to-expand UI pattern that allows users to view images in a larger, focused overlay.
  • Image Zooming - Transforms an image into a larger, zoomed view using responsive layouts and CSS animations.
  • Responsive Zoom Overlays - Implements a responsive visual layer that transforms images into high-definition zoomed views using CSS animations.
  • Frontend UI Components - Provides a lightweight frontend component to enhance the viewing experience of embedded media through zooming.

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI
  • Overlay Transition Animations - Implements smooth visual animations for the entry and exit of the full-screen image overlay.
  • Modal DOM Injection - Programmatically injects the modal container for the zoomed image directly into the document body.
  • JavaScript Image Zoom Libraries - Provides a JavaScript library for creating a full-screen image expansion effect upon clicking a picture.
  • High-Resolution Image Delivery - Delivers a higher-resolution image variant specifically when the zoom interaction is triggered.
  • On-Demand High-Resolution Loading - Swaps low-resolution thumbnails for high-definition images specifically when a user triggers a zoom interaction.
  • Dynamic Image Galleries - Provides an interactive viewing experience that adapts zoom effects and layout across different devices.
  • Overlay Style Customization - Allows modification of the zoom overlay visual style including margins, background colors, and custom templates.
  • External Zoom Triggers - Activates the image expansion effect when a linked external element is interacted with instead of the image itself.
  • Attribute Source Swapping - Dynamically replaces image source attributes with high-resolution URLs when the zoom effect is activated.
  • Customizable Image Overlays - Provides a tailored image expansion view with configurable margins, background colors, and animation behaviors.

    • Star-Verlauf

    Star-Verlauf für francoischalifour/medium-zoomStar-Verlauf für francoischalifour/medium-zoom

    Open-Source-Alternativen zu Medium Zoom

    Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Medium Zoom.
    • dimsemenov/magnific-popupAvatar von dimsemenov

      dimsemenov/Magnific-Popup

      11,329Auf GitHub ansehen↗

      Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote HTML content within a responsive overlay window. It functions as a responsive media gallery, providing a dimmed background to focus viewing on specific content. The library distinguishes itself through its ability to fetch and render remote HTML via asynchronous AJAX requests and its support for thumbnail zoom transitions. It includes a gallery system that groups multiple media items with directional controls, progress counters, and background preloading of adjacent assets to e

      JavaScript
      Auf GitHub ansehen↗11,329
    • luis-almeida/unveilAvatar von luis-almeida

      luis-almeida/unveil

      4,103Auf GitHub ansehen↗

      Unveil is a client-side image loader and jQuery plugin designed to improve page load speeds by managing when and how images are requested. It functions as a lazy loader that defers the loading of images until they enter the visible browser viewport. The tool includes a high-density display optimizer that detects retina and high-resolution screens. This allows the script to serve high-resolution image assets specifically to compatible devices for improved visual clarity. The project manages frontend assets by using viewport-based intersection detection and data-attribute mapping to swap place

      JavaScript
      Auf GitHub ansehen↗4,103
    • spine/spineAvatar von spine

      spine/spine

      3,687Auf GitHub ansehen↗

      Spine is a JavaScript MVC framework and client-side library designed to organize web applications into maintainable components and modules. It functions as a modular frontend architecture that separates data management from user interface logic using the model-view-controller pattern. The framework operates as an event-driven state manager, utilizing a publish-subscribe messaging pattern to synchronize application state and update views. It includes a template-based view engine that generates HTML by injecting dynamic data from a model into predefined markup. The system provides tools for fr

      JavaScript
      Auf GitHub ansehen↗3,687
    • ankeetmaini/react-infinite-scroll-componentAvatar von ankeetmaini

      ankeetmaini/react-infinite-scroll-component

      3,083Auf GitHub ansehen↗

      This project is a frontend component designed to manage dynamic content loading and scroll-based interactions within web applications. It provides a reusable interface for handling data injection as users navigate through scrollable areas, ensuring that content updates occur automatically based on scroll position or manual user triggers. The component distinguishes itself by supporting both standard downward infinite scrolling and inverse scrolling, which allows for the natural expansion of content history in chat-like interfaces. It offers developers full control over the visual presentation

      TypeScriptcomponentinfinite-listsinfinite-scroll
      Auf GitHub ansehen↗3,083
    Alle 30 Alternativen zu Medium Zoom anzeigen→

    Häufig gestellte Fragen

    Was macht francoischalifour/medium-zoom?

    medium-zoom ist eine JavaScript-Bildzoom-Bibliothek und Frontend-UI-Komponente, die einen Vollbild-Erweiterungseffekt erzeugt, wenn ein Benutzer in einem Webbrowser auf ein Bild klickt. Sie fungiert als responsives Bild-Overlay, das eingebettete Medien in hochauflösende Zoom-Ansichten transformiert.

    Was sind die Hauptfunktionen von francoischalifour/medium-zoom?

    Die Hauptfunktionen von francoischalifour/medium-zoom sind: Expandable Images, Image Zooming, Responsive Zoom Overlays, Frontend UI Components, Overlay Transition Animations, Modal DOM Injection, JavaScript Image Zoom Libraries, High-Resolution Image Delivery.

    Welche Open-Source-Alternativen gibt es zu francoischalifour/medium-zoom?

    Open-Source-Alternativen zu francoischalifour/medium-zoom sind unter anderem: dimsemenov/magnific-popup — Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote… luis-almeida/unveil — Unveil is a client-side image loader and jQuery plugin designed to improve page load speeds by managing when and how… spine/spine — Spine is a JavaScript MVC framework and client-side library designed to organize web applications into maintainable… junixapp/xpopup — XPopup is an Android popup UI framework and overlay component library used to build customizable dialogs, bottom… blivesta/animsition — Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects,… ankeetmaini/react-infinite-scroll-component — This project is a frontend component designed to manage dynamic content loading and scroll-based interactions within…