Модуль «Фото До и После» предоставляет пользователям возможность наглядно продемонстрировать разницу между двумя фотографиями.
Благодаря этому модулю, пользователи на сайте смогут увидеть разницу между двумя изображениями, например, после ремонтных работ или изменений.
Возможности:
• Добавление изображений в неограниченном количестве для демонстрации отличий «до/после».
• Кастомизация внешнего вида отображения многими способами, как вам удобно, под ваш дизайн или требования.
• Простая установка и настройка всего в несколько кликов.
Преимущества:
• Модуль бесплатный.
• Простая настройка.
• Улучшение пользовательского взаимодействия для посетителей сайта.
• Возможность кастомизации внешнего вида.
Благодаря этому модулю, пользователи на сайте смогут увидеть разницу между двумя изображениями, например, после ремонтных работ или изменений.
Возможности:
• Добавление изображений в неограниченном количестве для демонстрации отличий «до/после».
• Кастомизация внешнего вида отображения многими способами, как вам удобно, под ваш дизайн или требования.
• Простая установка и настройка всего в несколько кликов.
Преимущества:
• Модуль бесплатный.
• Простая настройка.
• Улучшение пользовательского взаимодействия для посетителей сайта.
• Возможность кастомизации внешнего вида.
Скачайте.
Нажмите кнопку Установить.
При редактировании страницы на вкладке Компоненты появится раздел JCode, в нем будет отображаться компонент "Сравнение фото До и После".
Добавьте компонент на страницу через визуальный редактор или напрямую через код.
Пример вставки компонента на страницу:
Описание параметров:
PHOTO_AFTER - Изображение До
PHOTO_BEFORE - Изображение После
PHOTO_BUTTONS - Отображать ли кнопки, при клике на данные кнопки будет автоматический переход к фото До или После
PHOTO_CONTAINER_CENTER - Чекбокс, будет ли блок центрироваться
PHOTO_CONTAINER_WIDTH - Можно задать ширину блока До и После, принимаются значения в % или в px, по умолчанию 100%
PHOTO_WIDTH - Ширина разделителя (полосы) между фото
PHOTO_WIDTH_COLOR - Цвет разделителя, задается в HEX или RGB
Нажмите кнопку Установить.
При редактировании страницы на вкладке Компоненты появится раздел JCode, в нем будет отображаться компонент "Сравнение фото До и После".
Добавьте компонент на страницу через визуальный редактор или напрямую через код.
Пример вставки компонента на страницу:
<?$APPLICATION->IncludeComponent( "jcode:photo.comparison", "", Array( "CACHE_TIME" => "3600", "CACHE_TYPE" => "A", "PHOTO_AFTER" => "", "PHOTO_BEFORE" => "", "PHOTO_BUTTONS" => "Y", "PHOTO_CONTAINER_CENTER" => "Y", "PHOTO_CONTAINER_WIDTH" => "600px", "PHOTO_WIDTH" => "4", "PHOTO_WIDTH_COLOR" => "#ffffff" ) );?> |
Описание параметров:
PHOTO_AFTER - Изображение До
PHOTO_BEFORE - Изображение После
PHOTO_BUTTONS - Отображать ли кнопки, при клике на данные кнопки будет автоматический переход к фото До или После
PHOTO_CONTAINER_CENTER - Чекбокс, будет ли блок центрироваться
PHOTO_CONTAINER_WIDTH - Можно задать ширину блока До и После, принимаются значения в % или в px, по умолчанию 100%
PHOTO_WIDTH - Ширина разделителя (полосы) между фото
PHOTO_WIDTH_COLOR - Цвет разделителя, задается в HEX или RGB