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. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  2. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

  3. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

  4. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  5. BookBlock Revised
  6. jQuery plugin Watermark

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP