zoom image

• Imagen de zoom
• Desarrollo
• Comandos
  • Con documentos
  • Con preactación
  • Con React
  • Con remix
  • Con el siguiente
  • Con esbelto
  • Con vainilla js
  • Con vue
  • Con sólido
  • Con Qwik
• Proyectos relevantes
• Patrocinador
• Licencia

Imagen de zoom

Una biblioteca de cabeza agnóstica de marco poco pero potente para zoom en la web. Es una experiencia típica en los sitios de comercio electrónico. Los ejemplos se escriben con Preact, React, Svelte, Vanilla JS y Vue.

• ✅ Zoom en la rueda (desplazamiento y pellizco)
• ✅ zoom en el flotador
• ✅ zoom en movimiento
• ✅ zoom en clic

Desarrollo

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

Comandos

Cambie todas las versiones de "último" a "espacio de trabajo:*" Dentro del proyecto de ejemplo que desea iniciar, ejecute la instalación de PNPM antes de ejecutar uno de los comandos a continuación. Quería mantener esos paquetes para el uso de Stackblitz para que use "Último", desafortunadamente PNPM no lo entiende durante el desarrollo local.

Con documentos

pnpm start-docs

Con preactación

pnpm start-preact

Con React

pnpm start-react

Con remix

pnpm start-remix

Con el siguiente

pnpm start-next

Con esbelto

pnpm start-svelte

Con vainilla js

pnpm start-vanilla

Con vue

pnpm start-vue

Con sólido

pnpm start-solid

Con Qwik

pnpm start-qwik

Proyectos relevantes

• React-Zoomable-Media-La biblioteca que escribí para mi compañía anterior
• ZAGJS - La arquitectura del proyecto está inspirada en esta biblioteca
• TANSTACK - El patrón de cabeza central del proyecto está fuertemente inspirado en este proyecto: la interfaz de usuario sin cabeza
• JS-Image-Zoom: el funcionamiento interno de la imagen de zoom en el hover está inspirado en esta biblioteca

Patrocinador

Licencia

MIT © Nam Nguyen