🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Text Pager is a jQuery plugin that divides the overflowed text within an fixed-height container into multiple DIVs so that you can navigate through these DIVs by clicking the page numbers or arrows.

Pagination text-slider

Documentation

Text Pager - jQuery plugin for create pages on div

jQuery plugin which divides the text of a div on the page.

##Installing Include jQuery library and Text Pager plugin:

<script src="jquery.textpager.js"></script>

##Usage DIV with text must be set and adjusted height

height: 305px;

also you can set CSS for control elements

.tp-control-arrows { } .tp-control-pages { } .tp-control-arrow-left { } .tp-control-arrow-right { } .tp-control-arrow-left.unactive { } .tp-control-arrow-right.unactive { } .tp-page { } .tp-page.active { }

start plugin

$('#custom-textarea').textpager();

or start with options

$('#custom-textarea').textpager({     controlArrows: ".custom-control",     controlPages: ".custom-control .custom-pages",     controlPagesContent: "li" });

##License

Plugin is released under the MIT License. Feel free to use it in personal and commercial projects.

##Versions

  • 1.0.0 - Firest reles
  • 1.1.0 - Added parser and min version

You May Also Like