Hasan Akpürüm
blog-post-1

Sitenize Content Slider (Değişen alan)

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

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.
$('#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 ‘&laquo;’ which gives ‘«’
nextText
Text for next link. Default ‘&raquo;’ 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/

Yorum Yaz