swiper

Swiperは、モバイルウェブサイト、ウェブアプリ、ネイティブ/ハイブリッドアプリ向けに設計された無料のモダンモバイルタッチスライダーです。モダンなプラットフォームに焦点を当て、滑らかでハードウェアアクセラレーションされたトランジションとネイティブライクな動作を提供します。 READMEで示されている主な機能： - ツリーシェイク可能：使用するモジュールのみがバンドルに取り込まれます。 - ライブラリ非依存：jQueryや同等のライブラリへの依存はありませんが、併用可能です。 - デフォルトで1:1のタッチ移動、比率は設定可能。 - Mutation Observer対応により、DOM変更時に自動再初期化と再計算が可能。 - カスタムページネーション、ナビゲーションボタン、パララックス効果などの構築に向けた豊富なAPI。 - 正しいレイアウトでの完全なRTL対応。 - 列あたりのスライド数を設定可能なマルチローのレイアウト。 - トランジションエフェクト：フェード、フリップ、3Dキューブ、3Dカバーフロー。 - 双方向コントロール：他のSwiperを制御でき、同時に制御されることも可能。 - 組み込みナビゲーション要素：ページネーション、ナビゲーション矢印、スクロールバー。 - 純粋なCSSで設定可能なFlexboxベースのスライドレイアウト。 - 柔軟なスライドグリッド：ビューあたりのスライド数、列あたりのスライド数、グループあたりのスライド数、スライド間隔などを制御可能。 - 非アクティブなスライドの画像の遅延読み込み。 - Virtual Slides：必要なスライドのみをDOMに保持。 - その他の機能：ループモード、自動再生、キーボード操作、マウスホイール操作、ネスト型スライダー、履歴ナビゲーション、ハッシュナビゲーション、ブレークポイント設定、アクセシビリティ（A11y）。 プロジェクトには、Core（HTML/JS）、React、Vue用のデモがplaygroundフォルダに用意されています。プロダクションビルドはdist/フォルダにあります。開発およびプロダクションビルドのコマンドは文書化されており、コントリビューションはsrc/ファイルに行います。