Pagination.js

JavaScript

シンプルでさまざまなカスタマイズが可能な「Pagination.js」

Pagination.jsはシンプルでさまざまなカスタマイズが可能なページネーションを実装できるjQueryプラグインです。ナビゲーションを数字だけにしたり、矢印だけにしたり、または数字と「Go」を表示させたりと、オプションを利用していろいろと自分好みにカスタマイズできます。

Pagination.js

デモ

オプションにあるdataSourceで、ナビゲーションの形式を指定できます。例えば「1, 2, 3…」と指定すると、その通りのページネーションになります。

pageSizeには、1ページに表示するコンテンツの数を指定します。ほかにもshowPreviousやshowNextといったオプションがあったり、コールバックも設定可能です。

基本的な使い方はわかりやすいと思うので、jQueryのプラグインでページネーションを実装したい方はチェックしてみてはいかがでしょうか。

Pagination.js

Create a month picker jQuery plugin月と年をセレクトできるユーザーフレンドリーなピッカー「Create a month picker jQuery plugin」前のページ

動画をチャプターごとに区切れる「jQuery Video Extend」次のページjQuery Video Extend

関連記事

  1. 4PXMMenu

    JavaScript

    滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

    4PXMMenuはモバイルサイトに最適なメニューを実装することができる…

  2. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

  3. Simple Image Panner and Zoomer
  4. JavaScript

    縦スクロールすると横スクロール(水平移動)していくjQueryプラグイン「jInvertScroll…

    これおもしろいですね。縦スクロールすると垂直に移動していくのではなくて…

  5. jQuery Smart Placeholder
  6. Tag-it

    JavaScript

    サジェスト機能を搭載したタグ編集ウィジェット「Tag-it」

    Tag-itはサジェスト機能を搭載したjQuery UIプラグインによ…

最近の記事

  1. EOS R6
  2. EOS R5
  3. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ

アーカイブ

PAGE TOP