S-Pagination

JavaScript

スライダー付きのページネーションを実装できる「S-Pagination」

S-Paginationはスライダー付きのページネーションを実装できるJavaScriptライブラリです。BootstrapとjQuery UIをサポートしています。一般的なページネーションはもちろん、スライダー機能を備えたページネーションも設置できるのが便利ですね。

S-Pagination

デモ

デモでは基本的なページネーションから、ページ番号を入力できるものやスライダーが付いたものなど、いろいろなタイプが用意されています。たくさんのページがある場合は、ページ番号を入力できるタイプならダイレクトに指定したページへ移動できるのでとても効率的ですね。

また、スライダーではバーを左右にドラッグしながらページを切り替えることができます。スライダーの上にはページ番号も表示されているので、数字を見ながら直感的に操作できるのが便利です。

もちろん、スライダーなどがない一般的なページネーションも実装可能です。特別な機能を必要とせず、シンプルに実装したい人にもピッタリです。

オプションには、container、pageClickCallback、pageClickUrl、callPageClickCallbackOnInit、maxVisibleElements、showSlider、showInput、inputTitle、enhancedModeが用意されています。

S-Pagination

no-image多彩な方向に表示できるツールチップ「jq-tooltip」前のページ

スマホメニューのアイコンをアニメーション変化させる「Menu Button Animations」次のページMenu Button Animations

関連記事

  1. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  2. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  3. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  4. lightGallery
  5. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  6. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP