Bootstrap карусель

[Александр Гавриленко]

Здравствуйте форумчане!
Помогите пожалуйста с таким вопросом.
Делаю карусель на bootstrap. Карусель формируется из базы, т.е сами изображения формируются нормально. Количество изображений постоянно меняется. Чтобы изменить количество индикаторов, постоянно нужно лезть в код, что совсем не удобно, так как работаю на yii2 и вношу изменения через админку. Т.е. имеем код:

Код: Выделить всё

<ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>

Нужно прописать код, чтобы data-slide-to="auto" автоматически формировалось по количеству элементов и последовательно с 1, т.к. если различные непоследовательные цифры, то слайдер не переключается почему-то.
Либо подскажите есть ли возможность, чтобы все таки при различных цифрах слайдер переключался? Я пробовал так:

Код: Выделить всё

<ol class="carousel-indicators">
     <li data-target="#carouselExampleIndicatorsNew" data-slide-to="0" class="active"></li>
     <?php foreach ($newBottle as $new):?>
            <li data-target="#carouselExampleIndicatorsNew" data-slide-to="<?= $new[id]; ?>"></li>
     <?php endforeach ?>
</ol>

но подставляются различные цифры и нет переключения.
Спасибо.

[rodion_zlobin]

Код: Выделить всё

countSlides = count($newBottle);

for ($i = 0; $i < $countSlides ; $i++) {
    echo '<li data-target="#carouselExampleIndicatorsNew" data-slide-to="' . $i . '"></li>';
} 

[Александр Гавриленко]

Спасибо огромное.
Я мучился с этим счетчиком не знал куда подставить, а надо было лишь в html-страницу, т.е.

Код: Выделить всё

<ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicatorsNew" data-slide-to="0" class="active"></li>
    <?php
    	$countSlides = count($newBottle);
        for ($i = 1; $i <= $countSlides ; $i++) {
              echo '<li data-target="#carouselExampleIndicatorsNew" data-slide-to="'.$i.'"></li>';
        }
     ?>
</ol>