no-image

JavaScript

スタイリッシュなスライダーを実装できるjQueryプラグイン「bsc-slider」

bsc-sliderは、シンプルでスタイリッシュなスライダーを実装することができるjQueryプラグインです。実用的なオプションもいろいろ揃っているほか、多彩なアニメーションエフェクトが用意されています。

bsc-slider

bsc-slider

デモではフェードで切り替わる優雅なスライダーが設置されています。複雑な機能や装飾がなく、とてもスタイリッシュな印象です。

マークアップ、使い方ともにとてもシンプルなので、簡単に実装することができます。

主なオプションは、autoplay、navigation、duration、effect、effect_speed、easing、heightです。オプションから、自動再生のオン・オフやナビゲーションの有無、エフェクトの設定やエフェクトスピードの調節などを手軽にカスタマイズできるのが便利ですね。

  • 0:None
  • 1:fade
  • 2:Slide Over to Top
  • 3:Slide Over to Right
  • 4:Slide Over to Bottom
  • 5:Slide Over to Left
  • 6:Slide to Right
  • 7:Slide to Left
  • 8:Slide to Top
  • 9:Slide to Bottom
  • 10:Slide Remove to Right
  • 11:Slide Remove to Left
  • 12:Slide Remove to Top
  • 13:Slide Remove to Bottom
  • 14:Parallax to Right
  • 15:Parallax to Left
  • 16:Parallax to Top
  • 17:Parallax to Bottom

シンプルながらも、このように豊富なエフェクトが用意されているのが魅力的ですね。スタイリッシュで手軽に実装できるスライダーを探している人は、ぜひ「bsc-slider」をチェックしてみてください。

関連記事

  1. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  2. Tabby

    JavaScript

    軽量でシンプルなタブメニューを実装できるjQueryプラグイン「Tabby」

    とても軽量でシンプルなタブメニューを実装できるjQueryプラグイン「…

  3. no-image
  4. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  5. PhotoJShop

    JavaScript

    写真にエフェクトやフィルタをかけることができるjQueryプラグイン「PhotoJShop」

    PhotoJShopというjQueryプラグインを使えば、写真にエフェ…

  6. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP