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. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  2. JavaScript

    クールでお洒落なナビゲーションを簡単に実装できるjQueryプラグイン「Kwicks for jQu…

    クールでお洒落なナビゲーションを簡単に実装することができるjQuery…

  3. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/0…

    2012年4月〜2012月7月までの当ブログで紹介したjQueryプラ…

  4. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  5. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  6. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP