Вращение изображений на 360 градусов


    Компонент позволяет вам имитировать поворот и вращение продукта или товара на 360 градусов. 
    Логика работы компонента такова. В папку на хостинге необходимо подготовить и разместить изображения товара в разных ракурсах. Каждое изображение именуется либо цифрой (номер слайда) либо названием и должно оканчиваться на цифру. 
    В настройках компонента задаете папку откуда читать файлы, количество слайдов (фотографий) и префикс к именам файлов. 
    Если у вас в папке файлы называются по такому принципу: 
    • image_1.jpg
    • image_2.jpg
    • ....
    • image_44.jpg 
    то в настройках компонента необходимо указать: 
    • Количество фреймов (файлов в папке) - 44
    • Префикс к именам файлов - image_
    • Расширение файлов - jpg 
    p/s/ обратите внимание что при указании расширения не нужно ставить точку. 

    Компонент поддерживает адаптивность изображения (данная поддержка включается в настройках компонента). Также поддерживается просмотр в полно-экранном режиме.

    Рассмотрим основные параметры компонента:

    Для оперативной проверки работы компонента рекомендуем скачать с нашего сайта архив с изображениями 
    Скачав архив, распакуйте содержимое архива в корень сайта. Будет создана папка img с подкаталогом cars и набором изображений. В визуальном редакторе перетащите компонент на страницу. Все значения по умолчанию установлены как раз для данного архива, поэтому сразу можно наблюдать готовый результат.

    Итак, вот основные параметры:
    • Автоматическое воспроизведение; - при установленной галочке изображение будет вращаться сразу после загрузки сайта. Следует понимать, что если в настройках не будет установлен параметр отображения панели навигации, то Вы не сможете нормально вручную вращать объект или остановить его;
    • Путь к папке с изображениями; - здесь указывается путь на хостинге откуда компоненту выбирать картинки;
    • Количество фреймов (файлов в папке);
    • С какого номера слайда воспроизводить показ; - понятно из названия, указывается какой номер файла считается первым;
    • Какой номер слайда конечный; - как правило указывается максимальное число в нумерации файлов;
    • Частота вращения (изображений в секунду); - понятно из названия;
    • Ширина блока изображения; - понятно из названия;
    • Высота блока изображения; - понятно из названия;
    • Включение или выключение панели навигации; - понятно из названия;
    • Вращать по часовой стрелке или против часовой; - понятно из названия;
    • Префикс к именам файлов; - пояснено в логике работы, в начале статьи;
    • Расширение файлов; - понятно из названия;
    • Отключить реакцию на тач и события мыши; - при ОТКЛЮЧЕННОЙ галочке, после загрузки страницы движения мыши влево и вправо будут вращать объект (даже без нажатия на объект).
    • Включение или отключение переходов в полно-экранный режим; - при включенной галочке появится ссылка на переход в полноэкранный режим (и обратно).
    • Включение или выключение поддержки адаптивности - при включенной галочке ширина (и высота блока с изображением) пропорционально занимает все пространство блока в котором он находится.
    Загрузка

    Coderoid - это группа профессиональных разработчиков, специализирующихся в первую очередь на разработке модулей для CMS Bitrix. 
    Также у нас можно заказать разработку сайта на Bitrix, доработку существующего сайта, переработку используемых модулей на сайте, а также любые консультации по внедрению Bitrix в компании.
     

    На правах рекламы