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

関連記事

  1. no-image

    JavaScript

    インスタの写真や動画を表示できる軽量なjQueryプラグイン「Instagram Lite」

    Instagram Liteは指定したユーザーのインスタグラムの写真や…

  2. parallax-background.js
  3. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  4. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  5. stickUp2

    JavaScript

    スクロールしてもついてくるスティッキー実装「stickUp2」

    stickUp2はスクロールしてもついてくるシンプルなスティッキーを実…

  6. shCircleLoader

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP