simplePagination.js

JavaScript

シンプルなページネーションを実装できるjQueryプラグイン「simplePagination.js」

simplePagination.jsというjQueryプラグインを使えばシンプルで素敵なページネーションを実装することができます。CSSのテーマによってlight-theme、dark-theme、compact-themeといったものを使うことができます。また、Bootstrapもサポートしているとのこと。

[ads_center]

simplePagination.jsの使い方

simplePagination.js

上記のように、3つのテーマがあります。どれもシンプルで使いやすそうですね。

$(function() {
    $(selector).pagination({
        items: 100,
        itemsOnPage: 10,
        cssStyle: 'light-theme'
    });
});

オプションもたくさん用意されているので、詳しくは公式サイトで確認することができます。

関連記事

  1. PhotoSwipe

    JavaScript

    タッチジェスチャーにも対応したイメージギャラリー・PhotoSwipe

    PhotoSwipeはスマホやタブレットのタッチジェスチャーにも対応し…

  2. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  4. flexImages

    JavaScript

    軽量でFlickrやGoogle画像検索のようなギャラリーのjQueryプラグイン「flexImag…

    flexImagesというjQueryプラグインを使えば、軽量でレスポ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP