Hero sliderはレスポンシブに対応した横幅フルサイズのスライダーを実装することができるjQueryプラグインです。ブラウザいっぱいに広がったダイナミックなスライド動作が可能なのでインパクトあるスライダーを取り入れたい時に活用してみたいところです。
Hero slider
Hero sliderの実際のデモは以下になります。
デモではスライダー下部にナビゲーションのタブメニューが設置されており、各メニューをクリックすることでコンテンツがスライドしていきます。
テキスト以外にも動画や画像など様々なコンテンツを表示させることができます。
また、レスポンシブ対応になっているのでブラウザ幅を縮小してもレイアウトが最適化されます。ナビゲーションメニューはそのままのスタイルで縮小されていくので、PCやスマホなどいろんなデバイスからの操作感がほとんど変わらないのが便利ですね。
というわけで、横幅いっぱいに広がったフルサイズのjQueryスライダーを実装したい方は是非チェックしてみてください。
Hero sliderの詳しい使い方やダウンロードに関しては以下からどうぞ。
