zoom image

• ズーム画像
• 発達
• コマンド
  • ドキュメント付き
  • プアクトで
  • 反応で
  • リミックス付き
  • 次に
  • Svelteで
  • バニラJSと
  • Vueで
  • 固体で
  • qwikで
• 関連するプロジェクト
• スポンサー
• ライセンス

ズーム画像

Web上の画像をズームするための少しでありながら強力なフレームワーク不可欠なヘッドレスライブラリ。これは、eコマースサイトでの典型的な体験です。例は、Preact、React、Svelte、Vanilla JS、Vueで書かれています。

• ✅ホイールのズーム（スクロール＆ピンチ）
• hoverホバーでズームします
• move移動時にズームします
• [クリック時のズームをズームします

発達

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

コマンド

すべてのバージョンを「最新」から「ワークスペース」から「*」に変更してください。開始するプロジェクトのサンプル内で、以下のコマンドのいずれかを実行する前にPNPMインストールを実行してください。 Stackblitzの使用のためにこれらのパッケージを保持したかったので、「最新」を使用しましたが、残念ながらPNPMは現地開発中にそれを理解していませんか？

ドキュメント付き

pnpm start-docs

プアクトで

pnpm start-preact

反応で

pnpm start-react

リミックス付き

pnpm start-remix

次に

pnpm start-next

Svelteで

pnpm start-svelte

バニラJSと

pnpm start-vanilla

Vueで

pnpm start-vue

固体で

pnpm start-solid

qwikで

pnpm start-qwik

関連するプロジェクト

• React-Zoomable-Media-前の会社のために書いた図書館
• Zagjs-プロジェクトのアーキテクチャはこのライブラリに触発されています
• TanStack-プロジェクトのコアヘッドレスパターンは、このプロジェクトに大きなインスピレーションを受けています - ヘッドレスUI
• JS-Image-Zoom-ホバー上のズーム画像の内部作業は、このライブラリに触発されています

スポンサー

ライセンス

MIT©Nam Nguyen