Bootstrap Carousel следующий слайд добавляет ниже предыдущего слайда

Question

Bootstrap Carousel следующий слайд добавляет ниже предыдущего слайда

Я добавил загрузочную карусель, в которой DIV вещь создается в цикле for, показанном ниже. я имею 9 маленькое изображение в каждом вещь div, который динамически заполняется. Теперь на карусели я вижу див вещь меняется со сменой активного класса, но то, что я вижу, это первый div вещь содержимое также видно, когда второй вещь Div активируется аналогично, когда 3-й элемент div становится активным 1-й и 2-й элементы Div тоже видны. Так же Данные-пауза = «парение» не работает.

<div class="col-md-4 col-md-offset-4">
<div id="custCarousel" class="carousel slide" data-ride="carousel" data-pause="hover">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#custCarousel" data-slide-to="0" class="active"></li>
<li data-target="#custCarousel" data-slide-to="1"></li>
<li data-target="#custCarousel" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php
$counttoken = 9;
$loop = round($arrloop/9);
$k=0;

for($j=0;$j<$loop;$j++)
{
if($k==0){$act='active';}else{$act ='';}
echo '<div class="item '.$act.'">';
for($i=0; $i<$counttoken;$i++)
{
$img = $data[$rand_keys[$i]];
echo "<a href=".$img[1]."><img src=".$img[2]." alt=".$img[0]." width='100' /></a>";
}
$counttoken = $counttoken + 9;
$k++;
echo '</div>';
}

?>
</div>

<!-- Left and right controls -->
<a class="left carousel-control" href="#custCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#custCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>

0

carousel html html5 php twitter-bootstrap-3

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Извините, это было плохо, я сделал ошибку в своем php-коде, чтобы обновить цикл for. Ниже приведен обновленный код, и теперь он отлично работает.

<?php
$counttoken = 9;
$loop = round($arrloop/9);
$k=0;
$l=0
for($j=0;$j<$loop;$j++)
{
if($k==0){$act='active';}else{$act ='';}
echo '<div class="item '.$act.'">';
for($i=$l; $i<$counttoken;$i++)
{
$img = $data[$rand_keys[$i]];
echo "<a href=".$img[1]."><img src=".$img[2]." alt=".$img[0]." width='100' /></a>";
}
$l = $l+9;
$counttoken = $counttoken + 9;
$k++;
echo '</div>';
}

?>

0