jQuery Hero Slider Plugin

JavaScript

ダイナミックなスライドが印象的なレスポンシブ対応スライダー「jQuery Hero Slider Plugin」

jQuery Hero Slider Pluginはダイナミックなスライダーを実装することができるjQueryプラグインです。レスポンシブにも対応していて、実際にiPhoneで確認してみたところ軽量でとてもいい感じでした。スワイプ(というかタッチ?)でスライドさせることも可能です。

jQuery Hero Slider Pluginの使い方

jQuery Hero Slider Pluginの実際のデモは以下からどうぞ。

jQuery Hero Slider Plugin

デモ

左右の矢印や下部ナビゲーション、またはPCだとドラッグでスライドさせることもできます。

アニメーションにはscaleとrotateが用意されていて、ちょっとしたカスタマイズ(動く向きなど)なんかもすることができます。これらはオプションで指定することが可能です。

また、他にもタッチスワイプの有効・無効、矢印キーでのスライド対応、自動再生といったオプションも設定することができるようになっています。

スライドの動きが結構印象的だと思うので、一般的な横スライドでは物足りないという方には、jQuery Hero Slider Pluginがオススメです。

スライダー自体のデザインは割とオーソドックスな感じなので、ユーザーとしては使いやすくていいですね。

jQuery Hero Slider Plugin

PWS Tabs jQuery Plugin多様なアニメーションが魅力のタブパネル「PWS Tabs jQuery Plugin」前のページ

CSSだけで作られたシンプルで可愛いアイコンセット「littlebox」次のページlittlebox

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP