suitabs

JavaScript

横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

suitabsはスライドショー&タブを実装することができるjQueryプラグインです。横や縦にスライドさせることができる他、フェード切り替えやカルーセルのようなつくりにすることも可能です。

suitabs

デモ

スライダーの左右両端には前後にスライドさせるボタンが設置されています。タブが設置されているスライダーもあり、タブをクリックするとそれに対応している場所までスライドされます。

一般的な横スライドの他にも縦にスライドさせることができるので、スペースを有効的に活用したいという時にも役立ちますね。

また、オプションを使うことでカスタマイズもできるようになっています。

デモではスライドのtypeがすべてautoになっていますが、これ以外にもclickかhoverを選択することが可能です。

他にもeffect、duration、pause、width、height、hoverStopなどいろいろ用意されているので、気になる方は是非チェックしてみてください。

suitabs

Animate PlusCSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」前のページ

レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」次のページProduct Tour

最近の記事

  1. スマトラ
  2. さくらドーナツ
  3. 紙のコーヒーフィルター
  4. PS5とFF7リメイクと鉄拳8
PAGE TOP