Examples
Example 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
$('#example1').pager('div');
<div id="example1"> <div><p>Lorem ipsum...</p></div> <div><p>Donec ultricies...</p></div> </div>
Example 2
Proin ligula arcu, feugiat ac, tincidunt vel, bibendum at, eros. Duis mollis magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin at quam quis leo fringilla elementum. Morbi sagittis commodo pede. Integer blandit, tortor bibendum placerat suscipit, tortor urna mattis nisi, sed mollis dolor purus nec est. In vitae enim. Cras commodo sem eu mauris. Suspendisse non risus non massa cursus blandit. Aenean quis lectus a sapien aliquet posuere. In ornare iaculis urna. Duis ultrices odio eu turpis. Nunc eget quam ornare ante scelerisque sollicitudin. Etiam non lectus. Sed sit amet tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean sit amet neque tempus nunc hendrerit mattis. Suspendisse potenti. Duis diam orci, ultrices vitae, iaculis in, laoreet nec, felis. Mauris eu mauris.
$('#example2').pager('p', { navId: 'nav2', height: '15em' });
Example 3
Donec ultricies lectus. Cras nonummy, enim ac iaculis blandit, diam quam accumsan diam, ut faucibus nisi lorem non est. Proin convallis. Fusce malesuada lectus sed dui. Curabitur nec massa a arcu ullamcorper tincidunt. Nulla mattis, orci a tincidunt sollicitudin, orci eros porta tellus, lobortis aliquet arcu purus ac dui. Nullam consequat, sem nec fermentum consequat, magna lacus tincidunt ligula, vel tincidunt velit sem eu nisi. Vivamus fermentum tristique dui. Integer quis arcu ut metus fringilla laoreet. Nunc congue vehicula enim. Vestibulum lacus. Quisque feugiat, nisl eget congue volutpat, metus ante interdum turpis, id iaculis justo lorem at pede. Sed dui eros, ultricies non, volutpat ut, volutpat sed, tellus. Aliquam a nibh.
$('#example3').pager('p', { navId: 'nav3', prevText: 'Previous', nextText: 'Next', linkText: ['Page 1', 'Page 2', 'Page 3', 'Page 4'] });
Example 4
$('#example4').pager('p', { navId: 'nav4', navAttach: 'prepend', prevText: 'Previous', nextText: 'Next', linkText: ['Page 1', 'Page 2', 'Page 3', 'Page 4'], linkWrap: '<div></div>' });
Options
- navId
- For use in more than one pagers per page, takes a string. Default ‘nav’
- navClass
- Gives the nav of the pagers a CSS class. Default ‘nav’
- navAttach
- Position of the nav. Takes either ‘prepend’, ‘append’, ‘before’ or ‘after’. Default ‘append’.
- highlightClass
- CSS class of the highlighted link. Default ‘highlight’.
- prevText
- Text for previous link. Default ‘«’ which gives ‘«’
- nextText
- Text for next link. Default ‘»’ which gives ‘»’
- linkText
- Array of text for links. e.g. ['page 1', 'page 2', ...]
- linkWrap
- Wraps link in HTML using jQuery wrap method. e.g. ‘<div></div>’ would wrap links in a div layer
- height
- Sets a min-height (height in IE) for your content. Default works out largest content automagically
- DOWNLOAD : http://rikrikrik.com/jquery/pager/#download
- Kaynak : http://rikrikrik.com/jquery/pager/