Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)

Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)

Скриншоты

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

Дата публикации:
22.04.2015
Версия:
1.0.0
Адаптивность:
Да
Поддержка композита:
Нет
Число установок:
Менее 50 раз

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

Описание

Адаптивный слайдер с широким функционалом.

+ отлично подходит к адаптивным сайтам
+ отдельные пропорции для разных устройств
+ возможность переключать слайды пальцем на touchscreen
+ работает через инфоблоки
+ поддерживает эффект параллакса
+ разные способы переключения слайда
+ контроль времени переключения и автопереключения
+ 4 шаблона: галерея, параллакс, новости, логотипы

Важно умение создавать шаблоны компонентов, если не хотите использовать стандартные, как в демо.
a:2:{s:4:"TYPE";s:4:"HTML";s:4:"TEXT";s:5258:"1. Скачайте и установите решение.
Демо инфоблок устанавливается вместе с решением.

2. Добавьте компонент на страницу, выберите шаблон, инфоблок, настройки.

3. Слайдер установлен и работает!
Осталось только поменять фото и тексты в режиме правки и добавить еще слайды, если нужно.

4. Если хотите сделать такие же слайдеры, как в демо (http://slider2.intelspro.ru/sliderdemo/), разместите на странице следующий код. Не забудьте заменить в коде IBLOCK_TYPE на тип инфоблока демо данных, а IBLOCK_ID на соответствующий id инфоблока.


Параллакс:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "parallax", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "food",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"COUNT" => "",
"T_SLIDE_WIDTH_D" => "100%",
"T_SLIDE_HEIGHT_D" => "",
"T_PROPORTION_D" => "2.4",
"T_USE_ARROWS_D" => "Y",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "Y",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "75%",
"T_SLIDE_HEIGHT_M" => "",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "N",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "Y",
"SLIDER_ID" => "food",
"JQUERY" => "Y",
"JS" => "Y",
"T_CHANGE_TIME" => "500",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>


Галерея:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "gallery",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"SLIDER_ID" => "gallery",
"JQUERY" => "Y",
"JS" => "Y",
"T_SLIDE_WIDTH_D" => "",
"T_PROPORTION_D" => "",
"T_USE_ARROWS_D" => "Y",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "N",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "80%",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "N",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "N",
"T_CHANGE_TIME" => "300",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>


Новости:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "news", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "news",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"COUNT" => "",
"SLIDER_ID" => "news",
"JQUERY" => "Y",
"JS" => "Y",
"T_SLIDE_WIDTH_D" => "",
"T_PROPORTION_D" => "",
"T_USE_ARROWS_D" => "Y",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "N",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "80%",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "N",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "N",
"T_CHANGE_TIME" => "300",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>


Логотипы:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "partners", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "partners",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"SLIDER_ID" => "partners",
"JQUERY" => "Y",
"JS" => "Y",
"T_SLIDE_WIDTH_D" => "20%",
"T_PROPORTION_D" => "",
"T_USE_ARROWS_D" => "N",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "N",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "25%",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "Y",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "N",
"T_CHANGE_TIME" => "300",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>";}
a:2:{s:4:"TYPE";s:4:"HTML";s:4:"TEXT";s:33:"Поддержка: marketing@intelspro.ru";}

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

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

пример: http://www.site.ru
Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)
Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)
1 700 руб