Как стать автором
Обновить

Paginator3000 и колёсико мыши

Время на прочтение2 мин
Количество просмотров2.9K
Потребовалось однажды реализовать пейджер постраничной навигации а-ля дёти.
Далеко в лес ходить я не стал, а решил найти, что же это за зверь такой раскопированный на множестве сайтов, а оказалось, что это детище karaboz. И даже есть аналог, переделанный под jQuery.

Но у каждой версии есть, как мне показалось, огромный недостаток, игнорирование колесика мыши. «Но ведь с этим было бы удобнее!» — воскликнул я и решил немного переписать, чтобы пейджер прокручивался на событие mousewheel. А также есть другие недостатки, которые я освещу под катом.

Сказано сделано.
Посмотреть пример.
Скачать исправленную версию (не зависит от jQuery).

Картинка для наглядности:
paginator3000

Способ применения:
paginator_example = new Paginator(
"paginator_example", // id контейнера, куда ляжет пагинатор
2048, // общее число страниц
10, // число страниц, видимых одновременно
300, // номер текущей страницы
"http://www.yourwebsite.com/pages/". // url страниц также можно «page-%page%.html», где %page% вставляемый номер страницы
false // необязательный параметр, если true, то обратный вывод
);


Недостатки:
1. jQuery-версия
Привязка и зависимость от jQuery, а также не работает на клик по скроллбару. Но имеют кучу «плюшек» в виде дополнительных параметров — вызываемая функция за вместо перехода по URL, обратный порядок вывода.

2. Оригинальная версия
Неимение выше описанных «плюшек», но жить они не мешают.

Надеюсь, помидорами меня за столь опрометчивый шаг не закидают. Тем более, что автор jQuery-версии обещал повесить это событие, но так, наверное, и не нашел времени.

Замечательно будет, если этот пейджер появится на дёти — достучаться до футурико по почте не получается.
Или если я получу заветный инвайт на дёти.

PS. Если вам будут востребованы «плюшки» jQuery-версии, пишите — внесу их.

UPD: обновил код js-файла, на соответствие с текущей версией dirty.ru — более легкой и с обработчиками «ctrl+→» и «ctrl+←».

UPD: добавил возможность обратного порядка вывода страниц.
Теги:
Хабы:
Всего голосов 58: ↑49 и ↓9+40
Комментарии59

Публикации

Истории

Работа

Ближайшие события