Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

Модуль Cu3er

rubik

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

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

sxema-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 (настройки переходов) - в этой категории настроек можно пофантазировать и создать уникальные переходы.

cu3er

  • 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):

  • 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 (Настройки кнопок и знаков) - кнопки загрузки переходов и стрелки можно менять и редактировать:

strelki-cu3er

  • 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 - скругление. Рисунок ниже

circle-cu3er

demo

Комментарии  

+1 #7 Administrator 27.03.2012 09:23
Цитирую 400kg:
Подскажите где прописать
"Button and Symbol Settings"

Что-то не понятен вопрос.. Там же в параметрах модуля есть этот подраздел
+1 #6 400kg 26.03.2012 17:08
Подскажите где прописать
"Button and Symbol Settings"
+1 #5 Administrator 29.06.2011 10:10
Цитирую Влад:
из-за того что у меня кириллический домен на обычном все ок

А, вот оно ещё как бывает... Всё-таки в кириллическом домене есть очевидные минусы
+1 #4 Влад 28.06.2011 18:52
из-за того что у меня кириллический домен на обычном все ок
#3 Влад 28.06.2011 17:56
разработчики написали что из за отсутствия crossdomain.xml
-1 #2 Administrator 28.06.2011 13:42
Попробуй изменить demo в Custom Config, а остальные настройки по-умолчанию... А вообще я с таким не сталкивался
-1 #1 Влад 28.06.2011 01:48
А как сделать чтоб в IE норм работало, твое демо пашет, а у меня на локалке все норм а всети через IE только красное окно загрузки

Добавить комментарий

Защитный код
Обновить

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...
     
  • Компонент JoomShopping. Товары и категории

    Валерий
    Здравствуйте. Мне очень нужна Ваша помощь. Как возможно сделать, чтобы форма заказа товара в joomshopping ...