Фотоальбом - Адаптивная фотогалерея с альбомами

Выводит фотоальбомы с фотографиями с возможностью масштабирования изображений.

Все шаблоны адаптивные. Не привязаны к bootstrap.

Демонстрация

1. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов и фотографий - .default)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

2. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - aside, Шаблон для фотографий - animation-circle)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

3. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - asideeight, Шаблон для фотографий - animation-square)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

4. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - bulging, Шаблон для фотографий - .default)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

5. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - extensively, Шаблон для фотографий - animation-circle)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

6. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - rotate, Шаблон для фотографий - animation-square)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

7. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - updownfour, Шаблон для фотографий - .default)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

8. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - upeight, Шаблон для фотографий - animation-circle)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

9. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - upfour, Шаблон для фотографий - animation-square)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

10. Компонент: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum) (Шаблон для альбомов - wings, Шаблон для фотографий - .default)

образец (1 фото)

Авто

бопонмл

Фото 10

Фото 9

Фото 8

Фото 7

Фото 6

Фото 5

Фото 4

Фото 3

Фото 2

Фото 1

Вернуться к списку Альбомов

Возможности:

1. Настройки модуля (Общие параметры):
   • вожможность выбора сайта (многосайтовость);
   • возможность включения/отключения подключения библиотеки jQuery;
   • возможность включения/отключения подключения библиотеки для работы колесика мыши;
   • возможность включения/отключения подключения библиотеки для Easing анимаций;
   • возможность включения/отключения bootstrap (js);
   • возможность включения/отключения bootstrap (css).
   
   
2. Настройки Fancybox 2:
   • возможность включения/отключения Fancybox;
   • возможность установки обертки jQuery для инициализации работы Fancybox;
   • возможность установки пространства внутри Fancybox вокруг содержания сверху (в пискелях);
   • возможность установки пространства внутри Fancybox вокруг содержания справа (в пискелях);
   • возможность установки пространства внутри Fancybox вокруг содержания снизу (в пискелях);
   • возможность установки пространства внутри Fancybox вокруг содержания слева (в пискелях);
   • возможность установки минимального пространства между видимой областью и fancybox сверху (в пискелях);
   • возможность установки минимального пространства между видимой областью и fancybox справа (в пискелях);
   • возможность установки минимального пространства между видимой областью и fancybox снизу (в пискелях);
   • возможность установки минимального пространства между видимой областью и fancybox слева (в пискелях);
   • возможность установки ширины по умолчанию для "iframe" и "swf" контента. Также для "инлайн", "AJAX" и "HTML".(в пикселях);
   • возможность установки высоты по умолчанию для "iframe" и "swf" контента. Также для "инлайн", "AJAX" и "HTML".(в пикселях);
   • возможность установки минимальной ширины Fancybox при динамическом изменении размеров (в пикселях);
   • возможность установки минимальной высоты Fancybox при динамическом изменении размеров (в пикселях);
   • возможность установки максимальной ширины Fancybox при динамическом изменении размеров (в пикселях);
   • возможность установки максимальной высоты Fancybox при динамическом изменении размеров (в пикселях);
   • возможность включения/отключения автоматического просчета размеров;
   • возможность включения/отключения автоматического перерасчета размеров при изменении окна браузера;
   • возможность включения/отключения изменения размера Fancybox в соответствии с видимой областью браузера;
   • возможность включения/отключения установки размера исходя из коэффициентного соотношения ширины и высоты контента;
   • возможность установки соотношения для горизонтальной центровки;
   • возможность установки соотношения для вертикальной центровки;
   • возможность включения/отключения создания или скрытия полос прокрутки;
   • возможность установки класса CSS для обертывания элемента;
   • возможность включения/отключения отображения навигационных стрелок;
   • возможность включения/отключения отображения кнопки закрытия;
   • возможность включения/отключения закрытия Fancybox при клике на контент;
   • возможность включения/отключения перехода к следующему пункту галереи при клике на контент;
   • возможность включения/отключения использования колеса мыши при навигации по галерее;
   • возможность включения/отключения слайдшоу;
   • возможность установки показа 1 слайда (в секундах);
   • возможность установки количества изображений галереи для предварительной загрузки;
   • возможность включения/отключения навигации и кнопки закрытия (окно Fancybox становится модальным);
   • возможность включения/отключения циклической навигации;
   • возможность включения/отключения попытки избежать горизонтальной прокрутки для фреймов и HTML содержания скриптом;
   • возможность установки эффекта при открытии изображения;
   • возможность установки длительности анимации при открытии изображения (в секундах);
   • возможность установки типа анимации при открытии изображения;
   • возможность включения/отключения использования прозрачности при открытии изображения (только для ellastic эффекта);
   • возможность установки метода Fancybox переходов при открытии изображения;
   • возможность установки эффекта при закрытии изображения;
   • возможность установки длительности анимации при закрытии изображения (в секундах);
   • возможность установки типа анимации при закрытии изображения;
   • возможность включения/отключения использования прозрачности при закрытии изображения (только для ellastic эффекта);
   • возможность установки метода Fancybox переходов при закрытии изображения;
   • возможность установки эффекта при нажатии на кнопку для пролистывания следующего изображения;
   • возможность установки длительности анимации при нажатии на кнопку для пролистывания следующего изображения (в секундах);
   • возможность установки типа анимации при нажатии на кнопку для пролистывания следующего изображения (в секундах);
   • возможность установки метода Fancybox переходов при нажатии на кнопку для пролистывания следующего изображения;
   • возможность установки эффекта при нажатии на кнопку для пролистывания предыдущего изображения;
   • возможность установки длительности анимации при нажатии на кнопку для пролистывания предыдущего изображения (в секундах);
   • возможность установки типа анимации при нажатии на кнопку для пролистывания предыдущего изображения (в секундах);
   • возможность установки метода Fancybox переходов при нажатии на кнопку для пролистывания предыдущего изображения;
   • возможность включения/отключения использования миниатюр изображений в галерее;
   • возможность установки ширины миниатюры изображения в галерее;
   • возможность установки высоты миниатюры изображения в галерее;
   • возможность установки выбора отображения заголовка;
   • возможность включения/отключения отображения кнопок управления галереей;
   • возможность включения/отключения использования вывода Fancybox для медиа-контента.
   
   
3. Настройки Fancybox 3:
   • возможность включения/отключения Бесконечная навигация;
   • возможность задать Расстояние между слайдами (в пикселях);
   • возможность включения/отключения Навигация с клавиатуры;
   • возможность включения/отключения Запретить перекрытие подписи;
   • возможность включения/отключения Навигационные стрелки;
   • возможность включения/отключения Информационная панель (счётчик изображений);
   • возможность выбора Маленькая кнопка закрытия (автоматически, всегда включена, выключена);
   • возможность выбора Тулбар (автоматически, включен, выключен);
   • возможность включения/отключения Кнопка: увеличить;
   • возможность включения/отключения Кнопка: поделиться;
   • возможность включения/отключения Кнопка: слайдшоу;
   • возможность включения/отключения Кнопка: полный экран;
   • возможность включения/отключения Кнопка: скачать;
   • возможность включения/отключения Кнопка: миниатюры;
   • возможность включения/отключения Кнопка: закрыть;
   • возможность включения/отключения Защита изображений (отключает правую кнопку мыши);
   • возможность включения/отключения Модальный режим;
   • возможность выбора Эффект анимации открытия/закрытия: (zoom, zoom-in-out, fade, без эффекта);
   • возможность задать Длительность анимации (в мс);
   • возможность выбора Прозрачность при масштабировании (auto, true, false);
   • возможность выбора Эффект перехода между слайдами (slide, circular, tube, zoom-in-out, rotate, без эффекта);
   • возможность задать Длительность перехода (в мс);
   • возможность включения/отключения Скрывать полосу прокрутки;
   • возможность включения/отключения Автоматический фокус при открытии;
   • возможность включения/отключения Возврат фокуса при закрытии;
   • возможность включения/отключения Удерживать фокус внутри модального окна;
   • возможность включения/отключения Полноэкранный режим: автоматически включать;
   • возможность включения/отключения Разрешить вертикальное перетаскивание;
   • возможность включения/отключения Разрешить инерцию;
   • возможность включения/отключения Автоматически запускать слайдшоу;
   • возможность задать Скорость слайдшоу (в мс);
   • возможность включения/отключения Автоматически показывать миниатюры;
   • возможность включения/отключения Скрывать миниатюры при закрытии;
   • возможность задать Родительский класс для миниатюр (.fancybox-container);
   • возможность выбора Ориентация миниатюр (вертикально, горизонтально);
   • возможность выбора Прокрутка колесом мыши (auto, true, false);
   • возможность выбора Действие при клике на слайд (close, false);
4. Настройки модуля (Lightbox):
   • возможность включения/отключения Lightbox;
   • возможность установки обертки jQuery для инициализации работы Lightbox.
   
   
5. Настройки Компонента: Фотоальбом - Адаптивная фотогалерея с альбомами (kssite.ksphotoalbum):
   • возможность выбора Шаблона компонента, Типа инфоблока и Инфоблока;
   
   
   
   • возможность управления адресами страниц;
   
   
   
   • возможность управления режимом AJAX;
   
   
   
   • возможность настройки кеширования;
   
   
   
   • Дополнительные настройки:
     • возможность устанавливать в заголовках ответа время модификации страницы;
     • возможность устанавливать заголовок страницы;
     • возможность включать раздел в цепочку навигации.
   
   
   
   • Настройки списка Альбомов:
     • возможность выбрать Шаблон Альбомов (доступно 10 шаблонов);
     • возможность устанавливать количество фотографий в альбоме;
     • возможность показывать максимальную отображаемую глубину разделов;
     • возможность выбора вида контейнера (При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
     • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
     • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
     • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
     • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
   
   
   
   • Настройки списка Фотографий:
     • возможность выбрать Шаблона Списка Фотографий (доступно 3 шаблона);
     • возможность выводить название Фотографии;
     • возможность выбора Вида контейнера(При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
     • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
     • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
     • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
     • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
     • возможность выбора вида галереи для просмотра Фотографий (Lightbox или Fancybox);
     • возможность установить количество фотографий на странице;
     • доступны настройки для сортировки фотографий;
   
   
   
   • возможность настройки постраничной навигации;
   
   
   
   • возможность настройки 404 ошибки.
   
   
   
6. Настройки Компонента: Список фотоальбом (ksphotoalbum.section.list) - Выводит список фотоальбомов:
   • возможность выбора Шаблона компонента (доступно 10 шаблонов);
   
   
   
   • Основные параметры:
     • возможность выбрать Тип инфоблока;
     • возможность выбрать Инфоблок;
     • возможность выбрать ID раздела;
     • возможность выбрать Код раздела;
     • возможность выбора Вида контейнера(При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
     • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
     • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
     • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
     • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
   
   
   
   • Настройки Источника данных;
   
   
   • Настройки Шаблона ссылок;
   • Настройки кеширования;
   • Дополнительные настройки;
   
   
7. Настройки Компонента: Список фотографий из фотоальба (ksphotoalbum.section) - Выводит список фотографий из фотоальбома:
   • возможность выбора Шаблона компонента, Типа инфоблока и Инфоблока (доступно 3 шаблона);
   
   
   
   • Настройки Источника данных;
   
   
   • Внешний вид:
     • возможность задать количество фотографий на странице;
     • возможность выбора Вида контейнера(При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
     • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
     • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
     • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
     • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
     • возможность выбора вида галереи для просмотра Фотографий (Lightbox или Fancybox);
     • возможность установить количество фотографий на странице;
     • доступны настройки для сортировки фотографий.
   
   
   
   • Настройки Шаблона ссылок;
   • возможность управления адресами страниц;
   
   
   
   • возможность управления режимом AJAX;
   • возможность настройки кеширования;
   
   
   
   • Дополнительные настройки;
   
   
   
   • возможность настройки постраничной навигации;
   • возможность настройки 404 ошибки.
   
   
   
8. Дополнительная информация:
   • при установке модуля вместе с ним устанавливается инфоблок «Фотоальбом», с уже заполненными элементами.
   
   
   
   • при заполнении Инфоблока Альбомами и Фотографиями надо учесть, что в Альбомах надо заполнять Дополнительные поля (UF_IMG). Это картинки, которые используются для анимационных эффектов альбомов.