Меню

Решено: Выводится только одна картинка слайдера bootstrap

RSS
[ Закрыто ] Решено: Выводится только одна картинка слайдера bootstrap, листинг прилагается, скрипты подключены, все работает
 
Код
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$this->setFrameMode(true);
?>
<?if($arParams["DISPLAY_TOP_PAGER"]):?>
<?=$arResult["NAV_STRING"]?><br />
<?endif;?>

<div class="slider">
   <div class="container">
      <div class="row otstup">
         <div class="col-md-12">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

               <?foreach($arResult["ITEMS"] as $arItem):?>
               <?$item=$i++;?>
               <?
               $this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
               $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
               ?>
               
               <!-- Содержимое слайдов -->
               <div class="carousel-inner">

                  <div class="<? if ($item == 1) { ?>active <? }?>item" id="<?= $this->GetEditAreaId($arItem['ID']); ?>">
                     <?if($arParams["DISPLAY_PICTURE"]!="N" && is_array($arItem["PREVIEW_PICTURE"])):?>
                     <?if(!$arParams["HIDE_LINK_WHEN_NO_DETAIL"] || ($arItem["DETAIL_TEXT"] && $arResult["USER_HAVE_ACCESS"])):?>
                     <a href="<?=$arItem["DETAIL_PAGE_URL"]?>"><img
                        class="preview_picture"
                        border="0"
                        src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
                        width="<?=$arItem["PREVIEW_PICTURE"]["WIDTH"]?>"
                        height="<?=$arItem["PREVIEW_PICTURE"]["HEIGHT"]?>"
                        alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
                        title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
                        style="float:left"
                        /></a>
                        <?endif;?>
                        <?endif?>
                     </div>
               
                     <div class="item" id="<?=$this->GetEditAreaId($arItem['ID'])?>">
                        <img
                        src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
                        alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
                        title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
                        />
                        </div>

                     <div class="item" id="<?=$this->GetEditAreaId($arItem['ID']);?>">
                        <img
                        src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
                        alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
                        title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
                        />

                     </div>
                  </div>
                  <?endforeach;?>

                  <!-- Controls -->
                  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                     <span class="glyphicon glyphicon-chevron-left"></span>
                  </a>
                  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                     <span class="glyphicon glyphicon-chevron-right"></span>
                  </a>
               </div>

            </div>
         </div>
      </div>
   </div>
 
Картинка бегает по кругу, пытался найти вывод картинок по ID, чтобы номер ID менялся, но не получается, с php не поладил пока...
 
Цитата
Косолапов Денис написал:
Картинка бегает по кругу, пытался найти вывод картинок по ID, чтобы номер ID менялся, но не получается, с php не поладил пока...
Сократите код. Тут можно раза в 3 его очистить от не нужного барахла. Все, сразу, станет понятнее
 
Цитата
Михаил Базаров написал:
Цитата
Косолапов Денис  написал:
Картинка бегает по кругу, пытался найти вывод картинок по ID, чтобы номер ID менялся, но не получается, с php не поладил пока...
Сократите код. Тут можно раза в 3 его очистить от не нужного барахла. Все, сразу, станет понятне
Попробую разобраться, но мне кажется, что зацикливать нужно что-то другое, никак не картинку...
 
Киньте сюда архив со слайдером, в чистом виде (HTML/CSS/JS) быть может станет понятнее
В самом коде шаблона компонента у вас несколько...не то что бы ошибок, просто не точностей
Например область редактирования не на своем месте

id="<?=$this->GetEditAreaId($arItem['ID'])?>"
 
Цитата
Михаил Базаров написал:
Киньте сюда архив со слайдером, в чистом виде (HTML/CSS/JS) быть может станет понятнее
В самом коде шаблона компонента у вас несколько...не то что бы ошибок, просто не точностей
Например область редактирования не на своем месте

id="<?=$this->GetEditAreaId($arItem['ID'])?>"
По этой ссылке https://yadi.sk/d/0-iqHF9D3Mi7Jy находится чистый слайдер. Скрипт находится в файле bootstrap.js
Если его резать до одной картинки и пытаться его зациклить, то он не работает вовсе...
 
Цитата
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$this->setFrameMode(true);
$i = 1;
?>
          <div class="slider">
           <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
           <div class="carousel-inner">

<?foreach($arResult["ITEMS"] as $arItem):?>
              <?$item=$i++;?>
             <div class="item <?if($item == 1){?>active<?}?>">
                    <img src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>">
                    <div class="carousel-caption"></div>
             </div>
<?endforeach;?>

           <!-- Controls -->
           <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
             <span class="glyphicon glyphicon-chevron-left"></span>
           </a>
           <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
             <span class="glyphicon glyphicon-chevron-right"></span>
           </a>
         </div>
       </div>
Изменено: Михаил Базаров - 08.09.2017 13:45:28 (Исправлена опечатка)
 
Цитата
Михаил Базаров написал:
setFrameMode(true);
$i = 1;
?>
       active ">
                     ">
Parse error: syntax error, unexpected '>' in E:\OpenServer\domains\test-opt-torg.ru\local\templates\.default\components\bitrix\news.list\slider_header\template.php on line 11

Это мысль, попробую так...
 
Цитата
Михаил Базаров написал:
Цитата
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$this->setFrameMode(true);
$i = 1;
?>
          <div class="slider">
           <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
           <div class="carousel-inner">

<?foreach($arResult["ITEMS"] as $arItem):?>
              <?$item=$i++;?>
             <div class="item <?if($item == 1){?>active<?}>">
                    <img src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>">
                    <div class="carousel-caption"></div>
             </div>
<?endforeach;?>

           <!-- Controls -->
           <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
             <span class="glyphicon glyphicon-chevron-left"></span>
           </a>
           <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
             <span class="glyphicon glyphicon-chevron-right"></span>
           </a>
         </div>
       </div>
Нет, все равно зацикливается одна картинка...
 
Цитата
Косолапов Денис написал

Parse error: syntax error, unexpected '>' in E:\OpenServer\domains\test-opt-torg.ru\local\templates\.default\components\bitrix\news.list\slider_header\template.php on line 11

Это мысль, попробую так...
Да, тег не закрыл- но думаю нашли. У меня работает, специально на инфоблок его повесил в типовом магазине. Ищите где-то в скриптах видимо- конфликты
 
Цитата
Михаил Базаров написал:
Цитата
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$this->setFrameMode(true);
$i = 1;
?>
          <div class="slider">
           <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
           <div class="carousel-inner">

<?foreach($arResult["ITEMS"] as $arItem):?>
              <?$item=$i++;?>
             <div class="item <?if($item == 1){?>active<?}>">
                    <img src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>">
                    <div class="carousel-caption"></div>
             </div>
<?endforeach;?>

           <!-- Controls -->
           <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
             <span class="glyphicon glyphicon-chevron-left"></span>
           </a>
           <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
             <span class="glyphicon glyphicon-chevron-right"></span>
           </a>
         </div>
       </div>
Все отлично, опечатка видимо была  :)  Теперь все работает. Спасибо большое :)
Код

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); 
$this->setFrameMode(true); 
$i = 1; 
?> 
          <div class="slider"> 
           <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
           <div class="carousel-inner"> 

         <?foreach($arResult["ITEMS"] as $arItem):?> 
                       <?$item=$i++;?> 
                      <div class="item <?if($item == 1){?>active<?}?>"> 
                             <img src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"> 
                             <div class="carousel-caption"></div> 
                      </div> 
         <?endforeach;?> 

           <!-- Controls --> 
           <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> 
             <span class="glyphicon glyphicon-chevron-left"></span> 
           </a> 
           <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> 
             <span class="glyphicon glyphicon-chevron-right"></span> 
           </a> 
         </div> 
       </div>
Читают тему

Блог-note: заметки разработчика

Малая корзина Битрикс, упрощенный шаблон

Шаблон малой корзины битрикс, который можно вывести в боковом разделе шаблона или в шапке интернет-магазина. Код окульту...

Сортировать товары по названию, цене и свойствам в каталоге 1С-Битрикс

Задача: реализовать возможность сортировки товаров в разделах каталога. Сортировка должна работать с использованием AJAX...

Cordova, ввод в input под диктовку. Голосовой поиск в мобильном приложении.

Итак, задачка: реализовать голосовой поиск в мобильном приложении на Cordova. По сути, нам нужно захватить речь с микроф...

Отфильтровать элементы в Битрикс по свойству привязка к разделам

При создании достаточно сложных интернет-магазинов на Битрикс, иногда встает задача помимо обычной навигации каталогу со...

Изменить размер картинок на лету в битрикс

Встала задачка: на собственном сайте, уменьшить размер превьюшек картинок у анонсов раздела дизайн. Само собой, перезали...

Показать доступный остаток каждого товара в корзине 1С-Битрикс

Задача: показать остаток каждого товара в корзине 1С-Битрикс, что бы покупатель сразу знал предельное колличество товара...

Регистрация пользователя в определенную группу сайта на Битрикс

Достаточно часто требуется регистрировать пользователя в определенную группу, в зависимости от того какую форму регистра...

Показать выбранные параметры умного фильтра над товарами, с возможностью отмены выбора

Задача: При выборе параметров товаров в умном фильтре показать выбранные параметры из чекбоксов в виде кнопок и предоста...

Заполнить свойство заказа выбранным пунктом самовывоза и передать в 1С

Задача: При оформлении заказа пользователь может выбрать пункт самовывоза (склады магазина). Нужно заполнить сво...