WYSIWYG Web Builder

Содержание

Слайды

Создание слайдов

Для создания слайд-шоу используйте:

• Меню Insert - Image - Slide Show 
  
• Панель вставок - Slide Show
• Лента - вкладка Insert - раздел Images - Slide Show
• Контекстное меню - Insert - Image - Slide Show
  

Аналогично для создания слайдов можно использовать Панель вставок, ленту или контекстное меню страницы.

Слайды создаются как и все прочие объекты в WYSIWYG Web Builder - сначала в Окне редактирования создается рамка объекта, затем при двойном щелчке по объекту определяются его свойства.

Пример слайд-шоу

Настройки слайдов

Вкладка General

Чтобы добавить изображения, щелкните кнопку Add. Вы можете также назначить ссылку каждому изображение.

Чтобы вставить многократные изображения в одно действие - держат КЛАВИШУ SHIFT, нажимая Add.

Щелкните Edit, чтобы изменить свойства изображения или  Remove -Удалить изображение из списка.

Определите паузу - время смены изображений. При установке времени равной 0 изображения не будут сменять друг друга автоматически, но вместо этого Вы можете использовать Events - События, чтобы отобразить следующее или предыдущее изображение.

Это означает, что Вы можете использовать формы, изображения, текст или любой другой объект, который поддерживает события.

Есть два специальных действия, определенные с этой целью:  SlideShow Next и SlideShow Previous.

Move Up и Move Down - Перемещение изображений вверх/вниз в списке.

Type - Определяет тип демонстрации слайдов.

Sequence - Последовательная смена изображений
Random -Случайный порядок смены изображений
Light Box Gallery - Если Вы выбираете эту опцию, при щелчке по изображению запустится lightbox демонстрации слайдов. Вы можете выбрать одну из встроенных демонстраций слайдов: slimbox, prettyphoto, fancybox. Чтобы настроить поведение lightbox, Вы можете добавить дополнительные опции через 'Параметры настройки'.

Дополнительные galleries/lightbox дополнения к программе могут быть загружены в раздела загрузки: http://www.wysiwygwebbuilder.com/download.html
Conveyer Belt - Выбор этой опции создает демонстрацию слайдов типа конвейерной линии - изображения прокручиваются справа налево.

Sequence - Изображения будут сменяться последовательно

Random - Изображения будут сменяться произвольно.

Effect - Эффект - Определяет эффект, который будет использоваться для переходов изображения. Вы можете выбрать из 18 эффектов мультипликации (в последних версиях редактора - 25 переходов).

Easing - Ослабление - Мультипликации скольжения также поддерживают ослабление. Вы можете выбрать из больше чем 30 ослабляющихся функций, чтобы управлять процессом мультипликации. Эта опция может использоваться, чтобы (например) создать срыв или упругие эффекты.

Border style - Определяет стиль границы: Пунктирный, Подчеркнутый штриховой линией, двойная линия и пр.

Border width - Ширина границы (значени 0 - нет границ)

Border color -  цвет границы

Вкладка Style

Определение цветов текста, границ, фона, настройка кнопок навигации

Вкладка Box Shadow

Вкладка служит для настройки тени.

Новое: Добавлена возможность установить радиус границ радиуса границы.
Добавлен анимационный эффект Newspaper - Посмотреть пример
Добавлен выбор ‘Полная ширина’ (при создании сайтов для разных экранов). Определяет, является ли демонстрация слайдов полной шириной (отзывчивой) из ее контейнера (при применении Сетки расположения). Если установлено в false, демонстрация слайдов использует неподвижный размер.
Отметьте: Этот выбор доступен только тогда, когда демонстрация слайдов - часть сетки расположения!

Добавлен способ "Карусели' при демонстрации слайдов.
Посмотреть пример

Новое: При создании слайдов добавлена новая функция 'Flip Horizontal' (зеркально отразить по горизонтали) и 'Flip Vertical' (отразить по вертикали) как эффект анимации (используетс CSS3-трансформация).

Новая функция: Добавлены анимации  'Fan' ('вентилятор') и 'Block Scale' ('анимации масштаба блока').

Новая функция: Добавлена анимация для субтитров: fade (исчезновение), slide (слайды), rotate (поворот), scale (масштабирование) и др.

Добавлена опция 'CSS3 анимация' ('CSS3 animation). Опции "показать" (show) и "скрыть" (hide) для создания сложных слайд-шоу. Выберите анимации, созданные с помощью Менеджера мультипликации (Animation Manager). Различные анимации могут быть выбраны для 'show' ("шоу") и 'hide' ("скрыть"), чтобы создать сложные слайд-шоу.

Добавлена интеграция с Instagram. Это позволяет наполнять слайд-шоу  изображениями с вашей учетной записью в Instagram.

Новая функция: при загрузке новых изображений галерея будет автоматически использовать метаданные изображения (если таковые имеются).
- Новая функция: добавлена опция формы Line ("линия") для разбивки на страницы, по типу карусели Bootstrap-4.
- Новая функция: добавлены новые встроенные стрелки навигации, по типу  Bootstrap-4 карусельные стрелки. Чтобы использовать новые стрелки, введите '<' и '>' в имени Поля.
- Новая функция: добавлено свойство "Maximum width" ( " максимальная ширина"), которое ограничивает ширину слайд-шоу при использовании в режиме полной ширины (плавающей). В предыдущих версиях это было исправлено в размер 1920.
- Новая функция: добавлена возможность получать изображения из папки на сервере.
- Новая функция: добавлен режим слайд-шоу "Full screen background"    ("полноэкранный фон"). Изображения будут охватывать всю видимую область  экрана. Слайд-шоу будет зафиксировано в фоновом режиме, поэтому оно не будет прокручиваться вместе с остальным содержимым. Полноэкранный фон использует Мультипликацию CSS 3, нет JavaScript.

Новая функция для слайдов: добавлен режим «Аккордеон». Реализует горизонтальное изображение аккордеона, используя только CSS. С поддержкой анимации и подписи.
Посмотреть пример
- Новая функция: «Image Accordion», «Image Carousel» и «Conveyer Belt» теперь имеют свои собственные значки на панели инструментов для более быстрого способа добавления этих функций на веб-страницы.

Новое для Slideshow (Слайд-шоу): Добавлена ​​поддержка «Swiper». Добавлена ​​опция «Галерея миниатюр»: легкий, отзывчивый слайдер изображений. Добавлена ​​поддержка лайтбокса «Прожектор». Добавлена ​​поддержка лайтбокса Lightbox. Добавлен значок быстрого меню для быстрой замены изображений в слайд-шоу. Подробнее