NO IMAGE

JavaScript

テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

jPaginateはWebページ内のテキストコンテンツをページ分割(ページネーション)することができるjQueryプラグインです。長文記事などで下へずっとスクロールしながら読んでいると、今どの場所を読んでいたか分からなくなってしまう時がありますが、ページ分割されていれば、こういう問題も少なくなりそうですね。

jPaginate

jPaginate

サンプルページでは、2つのデモが用意されています。長い文章を分割して表示させているので、下へずっとスクロールしていく必要がなく、その場でサクサクと読み進めていくことができます。

ページナンバー、または左右の矢印ボタンをクリックすることで、ページを移動できます。

長いテキストを分割させることで、Webページのレイアウトもスッキリするので、省スペースながらもたくさん情報を詰め込みたい時に便利ですね。

また、jPaginateにはオプションもいくつか用意されています。主なオプション項目は、pagination_class、items_per_page、prev_next、prev_text、next_textです。

ページを分割する数はitems_per_pageで指定することができます。また、前後移動するボタンは、prev_textとnext_textから指定できます。デフォルトでは、prev_textが「«」、next_textが「»」です。

マークアップ、使い方ともに簡単に実装できるので、テキストコンテンツにページ分割機能を実装したいという人は、ぜひ「jPaginate」をチェックしてみてはいかがでしょうか?

関連記事

  1. no-image

    JavaScript

    ダイナミックな自動スライドショーを実装できる「CSS + jQuery Gallery」

    CSS + jQuery Galleryはダイナミックでかっこいい自動…

  2. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  3. FancySelect

    JavaScript

    セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

    セレクトメニューをシンプルでスタイリッシュに実装することができるjQu…

  4. VenoBox

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  5. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

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

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP