zoom image

• Gambar zoom
• Perkembangan
• Perintah
  • Dengan dokumen
  • Dengan preact
  • Dengan bereaksi
  • Dengan remix
  • Dengan selanjutnya
  • Dengan langsing
  • Dengan Vanilla JS
  • Dengan vue
  • Dengan padat
  • Dengan qwik
• Proyek yang relevan
• Sponsor
• Lisensi

Gambar zoom

Kerangka kecil namun kuat pustaka agnostik headless untuk memperbesar gambar di web. Ini adalah pengalaman khas di situs e-commerce. Contohnya ditulis dengan preact, react, svelte, vanilla js dan vue.

• ✅ Zoom on Wheel (Gulir & Pinch)
• ✅ Zoom di Hover
• ✅ Zoom saat pindah
• ✅ Zoom on Click

Perkembangan

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

Perintah

Harap ubah semua versi dari "terbaru" ke "ruang kerja:*" di dalam contoh proyek yang ingin Anda mulai, jalankan instalasi PNPM sebelum menjalankan salah satu perintah di bawah ini. Saya ingin menyimpan paket -paket itu untuk penggunaan StackBlitz jadi saya menggunakan "terbaru", sayangnya PNPM tidak memahaminya selama pengembangan lokal?

Dengan dokumen

pnpm start-docs

Dengan preact

pnpm start-preact

Dengan bereaksi

pnpm start-react

Dengan remix

pnpm start-remix

Dengan selanjutnya

pnpm start-next

Dengan langsing

pnpm start-svelte

Dengan Vanilla JS

pnpm start-vanilla

Dengan vue

pnpm start-vue

Dengan padat

pnpm start-solid

Dengan qwik

pnpm start-qwik

Proyek yang relevan

• React-Zoomable-Media-Perpustakaan yang saya tulis untuk perusahaan saya sebelumnya
• Zagjs - Arsitektur proyek terinspirasi oleh perpustakaan ini
• Tanstack - Pola inti headless proyek sangat terinspirasi oleh proyek ini - UI tanpa kepala
• JS-IMAGE-ZOOM-Kerja internal gambar zoom on hover terinspirasi oleh perpustakaan ini

Sponsor

Lisensi

Mit © nam nguyen