SLIDER Hacker

jQuery及びFont Awesomeを読み込んでご利用下さい。

パラメータ設定

構造

スライダーの幅
スライダーの高さ
全要素数
表示する要素数
コントロールバー
ナビゲーション
ボタン
ホバーボタン
ランダムカラー

端の処理

最終ページの余白
無限ループ
両端の遊び

操作

ドラッグ操作
スワイプ操作
要素にスナップ
ページにスナップ
スナップの強さ
px

スクロール

スクロールする要素数
スクロールにかかる時間
ミリ秒

オート

スライドショー
コード
周回時間
秒/周
切り替え時間
%
スクロールの間隔
ミリ秒
自動スクロール
周回時間
秒/周

カラー

選択モード
背景
コントロールバー
ナビゲーション1
ナビゲーション2
ボタン
ホバーボタン
ホバーボタン背景

プレビュー

ソースコード

  • ALL
    • HTML
    • CSS
    • jQuery

HTML

コピー
編集モード

CSS

コピー
編集モード

jQuery

コピー
編集モード

ページ設定

リアルタイムプレビュー
プレビューの幅を固定
背景色反転
HEX
RGBa