My images folder has files format like below
<img src='images/AAA_1.jpg'>
<img src='images/AAA_2.jpg'>
<img src='images/AAA_3.jpg'>
<img src='images/BBB_1.jpg'>
<img src='images/BBB_2.jpg'>
<img src='images/BBB_3.jpg'>
<img src='images/CCC_1.jpg'>
<img src='images/DDD_1.jpg'>
<img src='images/EEE_1.jpg'>
<img src='images/EEE_2.jpg'>
......
my function is
function filter($contain){
foreach ($carousel as $image) {
if(strpos($image, $contain) === 0){
$op = "<div class='box'><img src='imgs/$image'/></div>";
}
}
}
getallfiles is to get imgs folder files.
$name has AAA_
, BBB_
, CCC_
, DDD_
How do I insert first
class for each group, the output expecting is like below
<div class="box first">
<img src='images/AAA_1.jpg'>
</div>
<div class="box">
<img src='images/AAA_2.jpg'>
</div>
<div class="box">
<img src='images/AAA_3.jpg'>
</div>
<div class="box first">
<img src='images/BBB_1.jpg'>
</div>
<div class="box">
<img src='images/BBB_2.jpg'>
</div>
<div class="box">
<img src='images/BBB_3.jpg'>
</div>
<div class="box first">
<img src='images/CCC_1.jpg'>
</div>
<div class="box first">
<img src='images/DDD_1.jpg'>
</div>