Вот мой код (у меня есть связанный внешний файл JS и jQuery, и моя папка с изображениями называется uploads/
):
Итак, в настоящее время здесь отображаются все загружаемые мной изображения. Я хочу ограничить количество отображаемых изображений.
Я хочу ограничить это, чтобы показывать только последние 4 изображения. Есть ли способ? Спасибо!
<?php include("header.inc"); ?>
<?php include("nav.inc"); ?>
<?php
$files = scandir("uploads/");
?>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php
$i = 0;
for($a = 2; $a < count($files); $a++):
?>
<li data-target="#myCarousel" data-slide-to="<?php echo $i; ?>" class="<?php echo $i == 0 ? 'active': ''; ?>"></li>
<?php
$i++;
endfor;
?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php
$i = 0;
for($a = 2; $a < count($files); $a++):
?>
<div class="item <?php echo $i == 0 ? 'active': ''; ?>" align="center">
<img src="uploads/<?php echo $files[$a]; ?>" style="width: 640px; height: 640px;">
</div>
<?php
$i++;
endfor;
?>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<?php include("footer.inc"); ?>
<!-- end snippet -->