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

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  2. PrognRoll

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

  3. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  4. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  5. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  6. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP