swipe

ui-component carousel mobile-support

Swipeは1対1のタッチ移動をサポートする軽量モバイルスライダーライブラリです。モバイルデバイスでのスムーズなスライディング体験を提供するために最適化されています。

Latest Ver 2.0.0
Homepage
Github
0
6,782
📢 軽量で効率的なモバイルスライダーを実装するためのライブラリ
License: MIT
https://cdnjs.cloudflare.com/ajax/libs/swipe/2.0.0/swipe.js
https://cdnjs.cloudflare.com/ajax/libs/swipe/2.0.0/swipe.min.js

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。
📄 HTML
<div class="swipe" id="slider"><div class="swipe-wrap"><div>Pane 1</div><div>Pane 2</div><div>Pane 3</div></div></div><script src="path_to_swipe_js"></script><script>var mySwipe = new Swipe(document.getElementById('slider'));</script>

🎨 External CSS
<link href="path_to_swipe_css" rel="stylesheet">

🧩 External JS
<script src="path_to_swipe_js"></script>

⚙️ JavaScript
var mySwipe = new Swipe(document.getElementById('slider'));
⚡ Top Tools for Developers
Text Compare

テキスト比較

2つのテキストの違いを一目で確認できます。

Favicon Generator

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

Character Counter

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

Text Extract(OCR)

画像テキスト抽出

画像内のテキストを自動で抽出します。