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'
    });
});

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

Zoomer画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」前のページ

アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」次のページ

関連記事

  1. jQuery Quick Modal
  2. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  3. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

  4. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  5. Random Quote Machine

    JavaScript

    ランダムにテキスト(クオート)を表示させる「Random Quote Machine」

    Random Quote Machineは、設定したデータのなかからラ…

  6. JavaScript

    とても簡単にカッコいいタグクラウドを実装することができるjQueryプラグイン「jQCloud」

    とってもカッコいいタグクラウドを実装することができるjQueryプラグ…

コメント

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

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

最近の記事

  1. ペットボトルホルスター
  2. SRS-XB43
  3. Nu:kin

アーカイブ

PAGE TOP