Модуль Cu3er

Один из первых модулей, который я увидел, был модуль-слайдшоу Vinaora Cu3er 3D SlideShow. Его возможности меня поразили - благодаря точным настройкам можно корректировать очень многое. Модуль имеет следующие преимущества: великолепные настраиваемые переходы между изображениями в стиле кубизма, функция подписи изображения и установка ссылки, возможность изменения стрелок перехода, сглаживания углов и многое другое.

Модуль Cu3er состоит из схемы, которая показана на рисунке:

Слайд-шоу может управляться с помощью стрелок (влево и вправо), внизу подписывается заголовок и описание изображения. Также присутствуют два элемента загрузки изображений - это обратный отсчет и строка перехода до следующего изображения. Вышеуказанные элементы могут редактироваться и удаляться с помощью настроек модуля Cu3er.

Перейдем к расшифровке настроек модуля:

General Settings (главные настройки) - в этой категории настроек в соответствующих полях нужно указать длину (Width) и ширину (Height) модуля, а также выравнивание изображения по горизонтали и вертикали. Visable time - это время показа описания изображения.

Slide/Image Settings (Настройки слайд/изображений) - это основные настройки для загрузки изображений в слайд-шоу.

• В пункте Images Directory указывается путь к папке с изображениями (/images/stories/ваша_папка).
• В следующем пункте URL(s) Image указывается путь к изображению, если не была указана папка (/images/папка/изображ.jpg)
• Link(s) to - указываются по необходимости ссылки на материал (в таком же порядке, как и идут изображения в предыдущем пункте)
• Link(s) Target - способ  открывания ссылки на материал
• Heading(s) и Paragraph(s) - Заголовок и описание соответственно.
• Link(s) to и Link(s) Target - ссылка и способ её открывания для заголовков.

Transition Settings (настройки переходов) - в этой категории настроек можно пофантазировать и создать уникальные переходы.

• Transition Type (Тип перехода) - можно установить по-умолчанию (First is Default), автогенерацию переходов (Auto Generated) и полная настройка переходов (Customize). При выборе Customize можно включать фантазию:
• Number(s) - количество делений изображения
• Slicing(s) – гориз. или верт. прокрутка
• Direction(s) – поворот влево, вправо, вверх или вниз при переходе
• Duration(s) – время перехода для одного деления изображения
• Delay(s) – задержка между переходами для каждого деления
• Shader(s) – затемнения для каждого деления (плохо для "слабых" компьютеров)
• Light Position(s) – падение света для получения тени. Определяется по X, Y, Z.
• Cuber Color(s) – цвет куба
• Z multiplier(s) – расстояние ухода в глубь экрана при повороте делений изображений

Description Box Settings (настройки окна текста) - можно отключить окно с текстом выбрав "нет" в пункте Enable Description Box.

• Round Corners – скругления углов

• Heading (Description) Font – шрифт
• Heading (Description) Text size – размер шрифта
• Heading (Description) Text Color – цвет текста
• Heading (Description) Text Align – выравнивание текста (слева, справа, центр)
• Heading (Description) Text Margin – отступ текста от краев
• Heading (Description) Text Leading – межстрочный интервал
• Heading (Description) Text Letterspacing – расстояние между символами

Button and Symbol Settings (Настройки кнопок и знаков) - кнопки загрузки переходов и стрелки можно менять и редактировать:

• Auto Play - автоматические переходы между изображениями
• Auto Play Symbol - значок загрузки следующего перехода (круг или полоса)
• Auto Play Time - время показа изображения
• Preloader - отображение загрузки изображений
• Preloader Symbol - значок загрузчика (круг или полоса)
• Previous/Next Symbol - включение символа стрелочки
• Previous/Next Symbol Type - тип значка назад/вперед (1-10). Рисунок выше
• Previous/Next Button - включение кнопки назад/вперед
• Round Corners - скругление. Рисунок ниже

You have no rights to post comments