Слайдер 1С-Битрикс — как добавить кнопки перехода?

Question

[svetai]

На сайте 1С-Битрикс имеется слайдер, реализованный через компоненту news.list. Переход между слайдами осуществляется автоматически.

Код шаблона компонента ./components/bitrix/news.list/slider/template.php:
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>

<?php if($arResult["ITEMS"]): ?>

• 
  <?foreach($arResult["ITEMS"] as $arItem):?>
  
• 
  " alt="<?php echo $arItem['NAME'] ?>" />
  <?endforeach;?>
  

<?php endif ?>


Код слайдера на странице:

<?$APPLICATION->IncludeComponent("bitrix:news.list", "slider", Array(
"AJAX_MODE" => "N", // Включить режим AJAX
"IBLOCK_ID" => "14", // Код информационного блока
"NEWS_COUNT" => "20", // Количество новостей на странице
"SORT_BY1" => "SORT", // Поле для первой сортировки новостей
"SORT_ORDER1" => "DESC", // Направление для первой сортировки новостей
"CHECK_DATES" => "N", // Показывать только активные на данный момент элементы
"SET_TITLE" => "N", // Устанавливать заголовок страницы
"PROPERTY_CODE" => array('link'),
"SET_STATUS_404" => "N", // Устанавливать статус 404, если не найдены элемент или раздел
"INCLUDE_IBLOCK_INTO_CHAIN" => "N", // Включать инфоблок в цепочку навигации
"ADD_SECTIONS_CHAIN" => "N", // Включать раздел в цепочку навигации
"PARENT_SECTION" => "", // ID раздела
"CACHE_TYPE" => "A", // Тип кеширования
"CACHE_TIME" => "3600", // Время кеширования (сек.)
"CACHE_FILTER" => "Y", // Кешировать при установленном фильтре
"CACHE_GROUPS" => "N", // Учитывать права доступа
"AJAX_OPTION_JUMP" => "N", // Включить прокрутку к началу компонента
"FIELD_CODE" => Array("DETAIL_PICTURE") ,
),
false
);?>

Хотелось бы реализовать в дополнение к автоматическому переходу переход между слайдами по кнопкам навигации вперед-назад вроде такого drawit.ru/example/fotorama

Сама с Битриксом работала мало. Буду благодарна за любую помощь.

Comments

[Alams Stoyne]

Весь код оберните Тег code а то порезался код и не ясно что там в шаблоне.
Неплохо было бы понять что за скрипт там используется для слайда bootstrap или slick или вообще что-то своё. так что лучше ссылку.

[svetai]

omsu.ru

[svetai]

на первой странице сайта слайдер

[Alams Stoyne]

У вас используется jCarousel инициализация происходит в файле omsu.ru/bitrix/templates/omgu/js/script.js на 28 строке.
Вот это:

jQuery('#slider-list').jcarousel({
            wrap: 'circular'
        })
        .jcarouselAutoscroll({
            interval: 20000,
            target: '+=1',
            autostart: true
        });

В примерах описано примерно следующее:

$('.jcarousel-control-prev').jcarousel();

        $('.jcarousel-control-prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '+=1'
            });

Достаточно разобрал, дальше справитесь сами? Или всё же нужна более практическая помощь разработчика?

[svetai]

Alams Stoyne, спасибо. Про практичную помощь разработчика подумаем. Куда контактировать?

[Alams Stoyne]

svetai, Все есть в профиле ;)