Бесплатная версия Avatar-Select (light) by Sander с несколькими отличиями

Бесплатное

Это слегка изменённая версия бесплатного модуля Avatar-Select (light) by Sander. Если коротко то это банк картинок для выбора фотографии профиля.

В чём отличия бесплатной версий автора ?
  1. Возможность создавать категории как в платной версии модуля.
  2. Изображения в видимой части только те которые относятся к выбранной категории (В первичном варианте в окно попадают абсолютно все изображения всех категорий они лишь скрыты свойствами css)
  3. Добавлен плагин Wookmark для организации блоков в виде вертикальной кирпичной кладки. (Картинкам не обязательно иметь ровные пропорции width и height чтобы красиво смотреться в окне выбора)
  4. Добавлен плагин imagesLoaded PACKAGED v3.1.8 для контроля загрузок изображений.
  5. Добавлен плагин dragScroll позволяющий производить прокрутку зажатой кнопкой мыши на области скрола. Так же имеет Swipe эффект при котором можно сделать короткий клик с рывком с сторону для того, чтобы задействовать самостоятельную анимацию прокрутки.
  6. Кэширование массива всех изображений. (Если картинок много то без кэша будет каждый раз вызывать PHP функции getimagesize для каждой картинки чтобы получить width и height для плагина Wookmark.)
Работу можно увидеть на этом сайте в профиле (требуется регистрация) наведя на изображение профиля будет меню в нём нажать "Выбрать".

P.S. imagesLoaded можно заменить поддержкой lazyload плагином или задействовать оба, дабы просто добавить плавное появление картинок при скроле сам же плагин я скорей подключил чисто ради прогресса загрузки.

Еще я убрал подключение стилей который был прописан в файле 'mods\AvatarSelect\assets\libs.js' тут либо убрать // и сделать код активным в файле либо в шаблонах подключать css отдельно.

[not-logged]
    <script src="/engine/mods/AvatarSelect/assets/libs.js"></script>
    <link media="screen" href="/engine/mods/AvatarSelect/assets/style.css" type="text/css" rel="stylesheet" />
[/not-logged]

У вас нет доступа к скачиванию файлов с нашего сервера
Добавление комментария
  • Отмена
Loading post...
No more posts to load