Energosoft.cloudcarusel. 3D карусель изображений

Платформа: 1C-Bitrix Лицензия: бесплатный Ссылка на Маркетплейс: http://marketplace.1c-bitrix.ru/solutions/energosoft.cloudcarousel/ Демо: http://www.energo-soft.ru/products/cloudcarousel_demo.php Версия: 1.0.2 Выпуск: 21.10.2011

3D карусель изображений.

Основное предназначение – ротация логотипов, картинок из портфолио.

Возможно использовать в качестве навигационного элемента, меню.

Компонент разработан на основе компонента CloudCarusel

 

Как настроить компонент

1. На вашему сайте необходимо подключить Jscript-библиотеку jQuery . В случае если у вас не подключена данная библиотека - в Параметрах компонента установите галку Подключить библиотеку JQuery. Для работы колесика мыши при вращении карусели - необходимо подключить библиотеку JQuery.MouseWhell.

2. После загрузки и установки через систему Маркетплейс, компонент появится в списке компонентов. В случае его отсутствия – необходимо обновить список компонентов кнопкой «Обновить закешированные данные».

3. После установки компонента на страницу – настройте его.

4. Для подключения функции перехода по ссылке – в инфоблок подключаемый к слайдеру необходимо добавить свойство [URL] с типом строка вручную. 

Тип инфоблока, Инфоблок — информационный блок, в котором у каждого элемента есть картинка анонса.

Ссылка - выбор свойства инфоблока, из которого будет браться ссылка [URL].

Ссылка открывается - выбор варианта открытия ссылки (в текущем окне, в новом окне).

Подключить библиотеку JQuery.MouseWhell - подключает библиотеку для работы с колесиком мыши.

Ширина блока, высота блока - габариты блока в котором отображается карусель.

Минимальный масштаб - минимальный масштаб применяемый к самому дальнему изображению. Масштаб переднего плана равен 1. Для того чтобы изображения в четыре раза меньше, минимальный масштаб должен быть равен 0.25. Значение должно быть больше нуля и меньше единицы.

Высота отражения - высота отражения под картинкой. Если значение равно 0 отражение отображаться не будет.

Расстояние между изображением и отражением - расстояние в пикселах.

Прозрачность отражения - значение 0 (не видимо), значение 1 (полностью не прозрачный). Значение должно быть больше нуля и меньше единицы.

Радиус по горизонтали (px) - радиус карусели по горизонтали.

Высота точки обзора (px) - высота точки обзора от плоскости, от 1 до радиуса карусели. Если 1 - точка обзора в горизонтали, если установлен размер как у радиуса карусели - карусель превращается в круг.

Вертикальное положение центра карусели (px) , Горизонтальное положение центра карусели (px) - координаты карусели в блоке.

Частота кадров карусели в секунду - частота кадров анимации. Приблизительная частота кадров карусели в секунду. Чем выше число, тем быстрее и глаже движение карусели. Однако это может замедлить работу браузера.

Скорость вращения между элементами - скорость вращения элементов. Хорошие значения в районе 0.1 ~ 0.3. Значение должно быть больше нуля и меньше единицы.

Автоматическое вращение карусели - включает и выключает автоматическое движение, выбор направления движения (выкл, направо, налево)

Задержка автоматического вращения - устанавливает задержку вращения. Задержка в миллисекундах между каждой вращением автоматического поворота. Минимальное значение 1000 (то есть  одна секунда).

Включить прокрутку колесиком мыши - включает возможность управления вращения карусели. Используется совместно с опцией Подключить библиотеку JQuer.MouseWhell.

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

Отображать кнопки - включает кнопки ручного вращения карусели.

Показывать поле с заголовком - текст берётся из поля Название инфоблока.

Показывать поле с описанием - текст берётся из поля Текст анонса инфоблока.

Назад в раздел