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. Tabby

    JavaScript

    軽量でシンプルなタブメニューを実装できるjQueryプラグイン「Tabby」

    とても軽量でシンプルなタブメニューを実装できるjQueryプラグイン「…

  2. Clock Timepicker Plugin for jQuery
  3. no-image
  4. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  5. Ace Responsive Menu
  6. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP