Каталог решений

Настоящий Responsive слайдер + Touch

Адаптивный слайдер на основе Owl. Работает с данными из модуля Реклама или инфоблоков (новости, портфолио, акции). Множество классных UI фишек. Простая настройка. 1. 100% responsive слайдер (никаких головных болей с отображением на компьютере и мобильном). 2. Поддержка touch для телефонов и планшетов 3. Grabbing мышкой (удобный скроллинг) 4. Плавность благодаря CSS3 акселерации 5. Поддержка старых браузеров 6. Быстрый и простой компонент. Поддержка кэширования, сортировки (для инфоблоков), композитного режима, встроенный ресайз картинок. 7. Неограниченное количество вызовов компонента на странице. 8. Возможность изменить UI под любой дизайн. 9. Множество опций для настройки как слайдера из 1 видимого изображения так и любого количества элементов карусели. *** Поддерживается работа с модулем Реклама либо через Инфоблоки (элементы с картинками, ссылка и текст берутся из указанного в параметрах свойств инфоблока). *** Внимание! Если используете несколько вызовов bisexpert.owlslider на странице, то обязательно меняйте для каждого в параметрах отображения слайдера "Уникальный код". *** Примеры внедрений: ------------------------------ http://grandtrend.com.ua/ http://polystar.com.ua/ *** bisexpert.owlslider компонент на гитхабе: https://github.com/villageseo/bisexpert.owlslider С радостью примем доработки или мелкие апдейты через pull request.

Настоящий Responsive слайдер + Touch

Настоящий Responsive слайдер + Touch

от Bis-Expert
Скриншоты
Описание

Технические данные

Опубликовано:
29.07.2014
Обновлено:
01.11.2014
Версия:
1.3.4
Установлено:
Более 1000 раз
Подходящие редакции:
«Первый сайт», «Старт», «Малый бизнес», «Эксперт», «Бизнес»
Адаптивность:
Нет
Поддержка Композита:
Нет

Описание решения

Адаптивный слайдер на основе Owl. Работает с данными из модуля Реклама или инфоблоков (новости, портфолио, акции). Множество классных UI фишек. Простая настройка.

1. 100% responsive слайдер (никаких головных болей с отображением на компьютере и мобильном).
2. Поддержка touch для телефонов и планшетов
3. Grabbing мышкой (удобный скроллинг)
4. Плавность благодаря CSS3 акселерации
5. Поддержка старых браузеров
6. Быстрый и простой компонент. Поддержка кэширования, сортировки (для инфоблоков), композитного режима, встроенный ресайз картинок.
7. Неограниченное количество вызовов компонента на странице.
8. Возможность изменить UI под любой дизайн.
9. Множество опций для настройки как слайдера из 1 видимого изображения так и любого количества элементов карусели.

***
Поддерживается работа с модулем Реклама либо через Инфоблоки (элементы с картинками, ссылка и текст берутся из указанного в параметрах свойств инфоблока).

***
Внимание! Если используете несколько вызовов bisexpert.owlslider на странице, то обязательно меняйте для каждого в параметрах отображения слайдера "Уникальный код".

***
Примеры внедрений:
------------------------------
http://grandtrend.com.ua/
http://polystar.com.ua/

***
bisexpert.owlslider компонент на гитхабе: https://github.com/villageseo/bisexpert.owlslider

С радостью примем доработки или мелкие апдейты через pull request.
Отзывы (32)
Обсуждения (35)
1 - 5 из 35
Что нового
1.3.4 (01.11.2014) Добавлен вывод html-баннеров из модуля Реклама. Fixed: выводятся свои типы баннеров из модуля Реклама.
1.3.3 (18.09.2014) Мелкие доработки. Добавлена ссылка на разработчиков. (Можно выключить в параметрах бесплатно).
1.3.2 (16.09.2014) Исправлена проблема с кодировкой в нескольких параметрах компонента.
1.3.1 (03.09.2014) Добавлен прикольный параметр: Включить рандомную анимацию.
1.3.0 (03.09.2014) Важный апдейт. Починили анимацию баннеров для некоторых версий Chrome\IE. Добавлено более 20 красивых эффектов анимации.
1.2.0 (03.09.2014) Доработаны адаптивные flash баннера.
1.1.3 (22.08.2014) Добавлена поддержка выводов flash баннеров из модуля Реклама.
1.1.2 (21.08.2014) Добавлен новый параметр: Показать описание к слайдеру (на слайдах отображается название слайда и текст на прозрачном темном фоне). Доработан вариант с отключением режима Responsive.
1.1.1 (20.08.2014) Добавлен новый параметр: Рандомный показ слайдов
1.1.0 (18.08.2014) Улучшена работа слайдера. Новые параметры: Центрирование изображений слайдера Навигация на выбор: стрелками или текстом
1.0.2 (06.08.2014) Небольшие правки. FIXED: Uncaught TypeError: undefined is not a function (когда в шаблоне сайта несколько подключений библиотеки jQuery).
1.0.1 (30.07.2014) Добавлен новый параметр: скорость авто-показа. Новый чистый шаблон.
Установка
Требуется библиотека jQuery 1.7+ (можно подключить в настройках компонента, если отсутствует в шаблоне сайта).

----------------------------------
Возможные проблемы и их решения:
----------------------------------
1. Указали свойство откуда брать ссылки для слайдеров, а ссылки так и не появились.
Решение: скорей всего в настройках самого инфоблока нужно установить
Значения свойств хранятся: в отдельной таблице для данного информационного блока.
2. Проблема с многократным подключением jQuery на сайте.
Решение: обновлено в апдейте 1.0.2
3. Поменяли ширину и высоту в параметрах ресайза, но слайды остались с теми же размерами?
Решение: почистить кэш, и посмотреть включен ли CDN (если да, то обновить).
----------------------------------
Стандартная установка. После установки решения, в дереве компонентов появится компонент bisexpert.owlslider (см. скриншот), который можно установить на странице и настроить параметры.
----------------------------------

Если вам понравился \ не понравился слайдер, оцените пожалуйста в отзывах, нам очень важна любая обратная связь для успешной разработки слайдера. Спасибо :)

----------------------------------

Пример вызова компонента:

<?$APPLICATION->IncludeComponent(
"bisexpert:owlslider",
"",
Array(
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600",
"MAIN_TYPE" => "0",
"COUNT" => "8",
"WIDTH_RESIZE" => "",
"HEIGHT_RESIZE" => "",
"IS_PROPORTIONAL" => "Y",
"ENABLE_OWL_CSS_AND_JS" => "Y",
"ENABLE_JQUERY" => "N",
"RESPONSIVE" => "Y",
"COMPOSITE" => "Y",
"AUTO_PLAY" => "Y",
"AUTO_PLAY_SPEED" => "5000",
"SCROLL_COUNT" => "1",
"SPECIAL_CODE" => "unic",
"AUTO_HEIGHT" => "Y",
"TRANSITION_TYPE_FOR_ONE_ITEM" => "default",
"SLIDE_SPEED" => "200",
"PAGINATION_SPEED" => "800",
"REWIND_SPEED" => "1000",
"STOP_ON_HOVER" => "Y",
"IMAGE_CENTER" => "Y",
"NAVIGATION" => "Y",
"NAVIGATION_TYPE" => "arrows",
"PAGINATION" => "Y",
"PAGINATION_NUMBERS" => "N",
"DRAG_BEFORE_ANIM_FINISH" => "Y",
"MOUSE_DRAG" => "Y",
"TOUCH_DRAG" => "Y",
"ITEMS_SCALE_UP" => "N"
)
);?>
Поддержка
По всем вопросам (пожелания по работе\улучшению, ошибкам или помощи с установкой) пишите на:

E-mail: info@bis-expert.com

Лицензионное соглашение

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки
Для установки данного решения необходимо указать адрес вашего сайта, на котором установлен 1С-Битрикс. Вам также потребуется авторизоваться на своем сайте под правами Администратора, чтобы продолжить установку.
Как установить дополнение