Skip to content

Cosmologist/paginator3000

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Paginator 3000 is a slider-based pagination menu

The paginator was featured in Smashing Magazine as Creative Solutions Can Be User-Friendly in the article Pagination Gallery: Examples And Good Practices.
Long used as a paginator on the Dirty.ru (d3.ru).
Was previously posted here

Usage

<head>
  ...
  <link rel="stylesheet" type="text/css" href="paginator3000.css" />
  <script type="text/javascript" src="paginator3000.js"></script>
</head>

<body>
  ...
  <div class="paginator" id="paginator_example"></div>
  <script type="text/javascript">
  	paginator_example = new Paginator(
  		"paginator_example", // id of the container where the paginator will be placed (id контейнера, куда ляжет пагинатор)
  		2048, // total number of pages (общее число страниц)
  		10, // number of pages visible at the same time (число страниц, видимых одновременно)
  		300, // current page number (номер текущей страницы)
  		"http://www.yourwebsite.com/pages/" // page URL (URL страницы)
  	);
  </script>
</body>