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

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

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

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

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

Свадьба

Фото 9

Фото 9

Фото 8

Фото 8

Фото 7

Фото 7

Фото 6

Фото 6

Фото 5

Фото 5

Фото 4

Фото 4

Фото 3

Фото 3

Фото 2

Фото 2

Фото 1

Фото 1

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

  • 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 для медиа-контента.
    • Настройки модуля (Fancybox)
  • 3. Настройки модуля (Lightbox):
    • - возможность включения/отключения Lightbox;
    • - возможность установки обертки jQuery для инициализации работы Lightbox.
    • Настройки модуля (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).


    • - Настройки Источника данных;
    • Настройки модуля (Lightbox)
    • - Настройки Шаблона ссылок;
    • - Настройки кеширования;
    • - Дополнительные настройки;
    • Настройки модуля (Lightbox)
  • 6. Настройки Компонента: Список фотографий из фотоальба (ksphotoalbum.section) - Выводит список фотографий из фотоальбома:
    • - возможность выбора Шаблона компонента, Типа инфоблока и Инфоблока (доступно 3 шаблона);


    • - Настройки Источника данных;
    • Настройки модуля (Lightbox)
    • - Внешний вид:
      • возможность задать количество фотографий на странице;
      • возможность выбора Вида контейнера(При использовании bootstrap, задает класс обертки главного контейнера. container – ограничен по максимальной ширине в 1170px. container-fluid – на всю ширину экрана);
      • возможность выбора количества колонок при условии - (Телефоны, ширина < 768px);
      • возможность выбора количества колонок при условии - (Планшеты , ширина > 768px, но < 992px );
      • возможность выбора количества колонок при условии - (Настольные, ширина >9 92px < 1200px);
      • возможность выбора количества колонок при условии - (Настольные, ширина > 1200px).
      • возможность выбора вида галереи для просмотра Фотографий (Lightbox или Fancybox);
      • возможность установить количество фотографий на странице;
      • доступны настройки для сортировки фотографий.


    • - Настройки Шаблона ссылок;
    • - возможность управления адресами страниц;


    • - возможность управления режимом AJAX;
    • - возможность настройки кеширования;


    • - Дополнительные настройки;


    • - возможность настройки постраничной навигации;
    • - возможность настройки 404 ошибки.


  • 6. Дополнительная информация:
    • - при установке модуля вместе с ним устанавливается инфоблок «Фотоальбом», с уже заполненными элементами.


    • - при заполнении Инфоблока Альбомами и Фотографиями надо учесть, что в Альбомах надо заполнять Дополнительные поля (UF_IMG). Это картинки, которые используются для анимационных эффектов альбомов.