suitabs

JavaScript

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

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

suitabs

デモ

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

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

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

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

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

suitabs

関連記事

  1. Image Gallery Threejs
  2. Choice.js
  3. AOS

    JavaScript

    スクロールに合わせていろんなアニメーションで表示できる「AOS」

    AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーシ…

  4. Bootstrap Mobile FullScreen Modal
  5. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP