タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

Liquid Slider

ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにもなっているレスポンシブなjQueryスライダー「Liquid Slider」です。前後のスライドボタンの他にもパネルのメニューをクリックすることでもスライドさせることができます。レスポンシブ対応なのでスマホで見てもサイズ調整されます。

シンプルなデザイン

こんな感じでタブパネルにもなっているスライダーです。

Liquid Slider

前後のボタンや上部タブをクリックしてもスライドさせることができます。ページナビの役割も果たしてますね。

上部タブでもスライドできる

レスポンシブにも対応しているので、このようにブラウザの幅に応じてスライダーのサイズも調整されていきます。

レスポンシブ対応

画面サイズを縮小。

画面サイズを縮小

スマホでもスライダーを実装したい時には1つの候補として覚えておきたいですね。

以下からダウンロードできます。

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives