Swiper

Swiperは最も先進的な 無料のオープンソース ハードウェアアクセラレーショントランジションを備えたモバイルタッチスライダーと 素晴らしいネイティブな挙動. ウェブサイト、Webアプリケーション、モバイルネイティブ/ハイブリッドアプリケーションで使用してください.

Swiperは他の素晴らしいコンポーネントと合わせて Framework7 と Ionic Framework - iOSとAndroidのアプリケーションを構築するためのフル機能のフレームワークです.

利用可能

簡単

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
<swiper-container>
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 2</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
  <swiper-slide>Slide ...</swiper-slide>
</swiper-container>

トップノッチ機能を搭載

ライブラリアグノスティック
SwiperはjQueryなどのJavaScriptライブラリを必要とせず、Swiperをはるかに小さく、より高速にします
モジュール構造
Swiperはモジュール構造になっており、必要なモジュールのみを使用して、より小さくできます
豊富なAPI
Swiperには非常に豊富なAPIが付属しています。独自のプラグインを作成することもできます
完全なRTLサポート
Swiperは正しいレイアウトで100％RTLをサポートします
複数行スライドレイアウト
Swiperでは、列ごとに数個のスライドを使用する、複数の行のスライドレイアウトが可能です
トランジション効果
3D効果など、さまざまなトランジション効果があります
双方向制御&サム
Swiperは、他のSwiperの数のためのコントローラーとして使用できます
完全なナビゲーション制御
パジネーション、ナビゲーション、スクロールバーなどの必要なすべてのナビゲーション要素があります
最も柔軟なスライドレイアウトグリッド
Swiperには、可能な限り柔軟にするための多くのパラメーターがあります
パララックストランジション
Swiperは、Swiper内のあらゆる要素（画像、テキストブロック、見出し、背景など）に使用できる最新の視差トランジション効果をサポートします
画像の遅延読み込み
ユーザーがスライドするまで、非アクティブまたは非表示のスライドの画像の読み込みを遅延させます
仮想スライド
コンテンツが多いスライドがたくさんある場合に最適な機能で、DOMに必要なスライドの数のみを保持します
CSSスクロールスナップ
無制限のパフォーマンスを実現するための自然なCSSスクロールを使用する特別なモード
他にも多数...
応答性、スクロール防止、抵抗、オートプレイ、ループモードなど