zoom image

• Bild zoomen
• Entwicklung
• Befehle
  • Mit Dokumenten
  • Mit Vorwirkung
  • Mit reagieren
  • Mit Remix
  • Mit dem nächsten
  • Mit Sufle
  • Mit Vanille JS
  • Mit Vue
  • Mit fester
  • Mit Qwik
• Relevante Projekte
• Sponsor
• Lizenz

Bild zoomen

Ein kleines und doch leistungsstarkes Framework Agnostische Kopfbibliothek, um Bilder im Web zu vergrößern. Es ist eine typische Erfahrung auf E-Commerce-Websites. Beispiele werden mit Preact, React, Svelte, Vanille JS und Vue geschrieben.

• ✅ am Rad zoomen (Scrollen & Prise)
• ✅ Zoomen auf Schwebe
• ✅ Zoomen Sie bei Bewegung
• ✅ Zoom auf Klicken

Entwicklung

git clone https://github.com/willnguyen1312/zoom-image
cd zoom-image
pnpm install
pnpm build

Befehle

Bitte ändern Sie alle Versionen von "neuest" in "Workspace:*" innerhalb des Beispielprojekts, das Sie starten möchten. Führen Sie die PNPM -Installation aus, bevor Sie einen der folgenden Befehle ausführen. Ich wollte diese Pakete für die Nutzung von Stackblitz behalten, damit ich "neuest" benutze. Leider versteht PNPM sie während der lokalen Entwicklung nicht?

Mit Dokumenten

pnpm start-docs

Mit Vorwirkung

pnpm start-preact

Mit reagieren

pnpm start-react

Mit Remix

pnpm start-remix

Mit dem nächsten

pnpm start-next

Mit Sufle

pnpm start-svelte

Mit Vanille JS

pnpm start-vanilla

Mit Vue

pnpm start-vue

Mit fester

pnpm start-solid

Mit Qwik

pnpm start-qwik

Relevante Projekte

• React-Zoomable-Media-Die Bibliothek, die ich für meine vorherige Firma geschrieben habe
• ZAGJS - Die Architektur des Projekts ist von dieser Bibliothek inspiriert
• TanStack - Das kernlose Kernmuster des Projekts ist stark von diesem Projekt inspiriert - Kopfloses UI
• JS-Image-Zoom-Die interne Arbeit des Zoombildes auf Hover ist von dieser Bibliothek inspiriert

Sponsor

Lizenz

MIT © nam nguyen