Плагин specificsize на javascript работающий на jquery

Мы сделали плагин, с помощью которого можно выводить указанное количество строк элементов, а остальное скрывать.

Плагин пригодится возможно тем кому нужно будет скрыть часть элементов т.к их возможно выводится очень много. Данный плагин дает возможность выводить элементы в несколько строк, а остальные скрывать. Элементы могут изменять свои размеры, но при этом все равно будет выстраивать элементы в указанное колличество строк, как к примеру внизу gif анимация показывает что мы указали максимальное количество в 2 строки и элементы выстраиваются именно в это количество.

Конечно это можно сделать версткой скрывать часть списка по вертикали, но есть такой момент, что какой нибудь элемент может изменять свой размер по вертикали, то тут в этом случаи поможет плагин.

specificsize работает на jquery!!!

Скачать плагин specificsize архивом:

[инфа о файлах]

Вывожу пример кода с применением для списка:

Есть пример в котором сможете проверить:

1) Максимальное количество отображаемых:

или указать в атрибуте

2) Максимальное количество отображаемых при помощи класса:

Фишка заключается в том что плагин ищет класс с префиксом list и рядом указанным числом и потом это число применяет в countMaxLine свойство и выводит элементы в 2 строчки

3) Изменение Максимальных количество отображаемых элементов при изменении экрана срабатывет media:

Сначала выводит при размере меньше 900 в 2 строки, если будет меньше 767 в 1 строку, если будет меньше 500 в 3 строки

или указать в атрибуте

1) Увеличение и уменьшение элементов:

2) Смещение элементов вправо:

3) Выдвижение элементов вниз:

4) Убрать анимацию:

5) Указываем общую скорость элементов:

6) Указываем скорость увеличение элементов работает со свойством animation: 'scale':

5) Получаем элементы в функции worksShow которые срабатывают при открытии:

6) Получаем элементы в функции worksHide которые срабатывают при скрытии:

1) Список элементов изначально сделать открытым open:

1) Добавляется по верх списка div в котором будет этот список:

1) Добавить событие клик на другие элементы в нашем случании мы их вывели на верху (навесить событие на другие кнопки):

2) Изменить текст в кнопки show или hide:

Кнопка показать:

или в атрибуте

Кнопка скрыть:

или в атрибуте

3) В кнопках show или hide вывести разметку html или что то другое:

1) В элементе вывести разметку впереди элемента списка или после него:

1) Бывают моменты что у пользователя установленна верстка к класам с которыми работает плагин, в этом случаи можно изменить эти классы по которым будет работать плагин:

1) Если вы добавили в список элемент или изменили настройку то в этом случаи есть функция которая обнавляет плагин resizeFun:

1) Если вы решили изменить текущие опции плагина для этого есть updateFun с помощью которой можно изменить входящие опции, дополнительно выполняй функцию resizeFun для обновления элемента:

1) Для отмены выполнения изменения элемента при изменении размера экрана есть свойство resize: