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

от Bis-Expert

Скриншоты

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

Дата публикации:
29.07.2014
Адаптивность:
Нет
Поддержка композита:
Нет

Совместимые редакции

Описание

Адаптивный слайдер на основе 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.
Требуется библиотека 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

Установите этот модуль прямо сейчас!

Для этого укажите адрес сайта:

пример: http://www.site.ru
Настоящий Responsive слайдер + Touch
Настоящий Responsive слайдер + Touch
Бесплатно