no-image

JavaScript

シンプルなバナースライドショーを実装できる「jsslider」

jssliderはシンプルなバナースライドショーを実装できるjQueryプラグインです。バナーをスライドショーで次々に表示させたい場合に便利ですね。自動スライドにも対応し、オプションを用いることでスピード調節やエフェクトの設定も可能です。ナビゲーション付きなので操作性もシンプルで使いやすいです。

jsslider

デモ

デモではシンプルなバナースライダーが表示されていて、スライダー内の右下にはナビゲーションが設置されています。ナビゲーションから現在の位置をチェックできたり好きな位置へ移動することができるので、シンプルながらもとても実用性に優れています。

バナーは自動で次々にフェードでスライドしていくので、ユーザーの視線をグッと集めやすいですね。

オプションには、banItemClass、navItemClass、navWrapClass、navBgWrapClass、prevOneBtnClass、nextOneBtnClass、prevPageBtnClass、nextPageBtnClass、perpage、curClass、event、effect、speedといった項目が用意されています。ちなみに、エフェクト(effect)のデフォルト値はnoneになっていて、他にはfadeという値が用意されています。また、スピード(speed)のデフォルト値は5000になっています。

jsslider

関連記事

  1. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  2. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

  3. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

  4. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

  5. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP