Я создаю портфолио фотографий и использую PHP для чтения изображений внутри папки, их подсчета, а затем показываю их при применении CSS. Поэтому каждый раз, когда я добавляю новые файлы в папку, она просто обновляется при обновлении сайта.
Проблема: Я немного новичок в PHP, и мне не удается добавить массив $image
в CSS href и стиле. Тоже не идеален в английском, извините за это, надеюсь, я ясно дал понять.
<!--this was the old one for only a few images added 1 by 1, just the last serve as example -->
<a class="item" href="assets/img/portfolio/item-8.jpg">
<i class="fa fa-eye" aria-hidden="true"></i>
<div class="item-cover" style="background-image: url(assets/img/portfolio/item-8.jpg)"></div>
</a>
<!--created a new folder for images and trying it dynamic from here -->
<?php
$files = glob("img/*.*");
for($i = 0; $i < count($files); $i++) {
$image = $files[$i];
$supported_file = array('jpg', 'jpeg', 'png');
$ext = strtolower(pathinfo($image, PATHINFO_EXTENSION));
if(in_array($ext, $supported_file)) { ?>
<a class="item" href="<?php echo $image; ?> "> <!--not working -->
<i class="fa fa-eye" aria-hidden="true"></i>
<div class="item-cover" style="background-image: <!-- got to add the array here like that? --> $image"></div>
</a>
<?php
} else {
continue;
}
}
?>
Таким образом, он считает изображения и добавляет их (я могу судить по количеству создаваемых им делений) как черные, так как я не знаю, как их отобразить.