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

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

Все шаблоны адаптивные.

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

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

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

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

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

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

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

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

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

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

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

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

• 1. Настройки модуля (Общие параметры):
  • - возможность включения/отключения подключения библиотеки jQuery;
  • - возможность включения/отключения подключения библиотеки для работы колесика мыши;
  • - возможность включения/отключения подключения библиотеки для Easing анимаций;
  • - возможность включения/отключения bootstrap (js);
  • - возможность включения/отключения bootstrap (css).
  
  
• 2. Настройки модуля (Fancybox):
  • - возможность включения/отключения 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. Настройки модуля (Lightbox):
  • - возможность включения/отключения Lightbox;
  • - возможность установки обертки jQuery для инициализации работы Lightbox.
  
  
• 4. Настройки Компонента: Фотоальбом - Адаптивная фотогалерея с альбомами (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 ошибки.
  
  
  
• 5. Настройки Компонента: Список фотоальбом (ksphotoalbum.section.list) - Выводит список фотоальбомов:
  • - возможность выбора Шаблона компонента (доступно 10 шаблонов);
  
  
  
  • - Основные параметры:
    • возможность выбрать Тип инфоблока;
    • возможность выбрать Инфоблок;
    • возможность выбрать ID раздела;
    • возможность выбрать Код раздела;
    • возможность выбора Вида контейнера(При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
    • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
    • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
    • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
    • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
  
  
  
  • - Настройки Источника данных;
  
  
  • - Настройки Шаблона ссылок;
  • - Настройки кеширования;
  • - Дополнительные настройки;
  
  
• 6. Настройки Компонента: Список фотографий из фотоальба (ksphotoalbum.section) - Выводит список фотографий из фотоальбома:
  • - возможность выбора Шаблона компонента, Типа инфоблока и Инфоблока (доступно 3 шаблона);
  
  
  
  • - Настройки Источника данных;
  
  
  • - Внешний вид:
    • возможность задать количество фотографий на странице;
    • возможность выбора Вида контейнера(При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
    • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
    • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
    • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
    • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
    • возможность выбора вида галереи для просмотра Фотографий (Lightbox или Fancybox);
    • возможность установить количество фотографий на странице;
    • доступны настройки для сортировки фотографий.
  
  
  
  • - Настройки Шаблона ссылок;
  • - возможность управления адресами страниц;
  
  
  
  • - возможность управления режимом AJAX;
  • - возможность настройки кеширования;
  
  
  
  • - Дополнительные настройки;
  
  
  
  • - возможность настройки постраничной навигации;
  • - возможность настройки 404 ошибки.
  
  
  
• 6. Дополнительная информация:
  • - при установке модуля вместе с ним устанавливается инфоблок «Фотоальбом», с уже заполненными элементами.
  
  
  
  • - при заполнении Инфоблока Альбомами и Фотографиями надо учесть, что в Альбомах надо заполнять Дополнительные поля (UF_IMG). Это картинки, которые используются для анимационных эффектов альбомов.