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. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  2. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  3. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  4. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP