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. Albumize

    JavaScript

    アルバムみたいな画像コレクションのギャラリーを管理・実装できるjQueryプラグイン「Albumiz…

    Webページにある画像コレクションをアルバムのようなギャラリーに管理・…

  2. SVG 3D Tag Cloud jQuery Plugin
  3. jQuery touchSwipe Carousel
  4. Image Lightbox
  5. Square Menu
  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグや…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP