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. Pongstagr.am

    JavaScript

    自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

    Pongstagr.amは自分のインスタグラムの画像をWebサイトに表…

  2. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  3. lightGallery
  4. no-image

    JavaScript

    多彩なエフェクトを備えたjQueryスライダープラグイン「camera-slider」

    camera-sliderは多彩なエフェクトを備えた美しいスライドショ…

  5. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  6. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

コメント

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

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

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP