Bootstrap ve PHP Döngü
<?php
<div class="carousel-item active">
<img src="'.$dizin.$dosya.'" class="d-block w-100">
</div>
?>
Bootstrap'ın carousel eklentisini kullanıp, klasördeki
resimleri döngüye sokup çektiriyorum. Ama ekranda bir tane resim
göstermesi gerekirken class ın içindeki "active" tüm resimlere geliyor. Bu yüzden
slider şeklinde gösteremiyorum, bu nasıl yapabilirim ?
örnek;
<html
<div class="carousel-inner">
<div class="carousel-item active">
<img src="portfoy/06012021-183159/r_15.jpg" class="d-block w-100">
</div>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="portfoy/06012021-183159/r_17.jpg" class="d-block w-100">
</div>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="portfoy/06012021-183159/r_19.jpg" class="d-block w-100">
</div>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="portfoy/06012021-183159/r_21.jpg" class="d-block w-100">
</div>
</div>
>
Anladığım kadarıyla active classını sadece bir div-e vermeniz gerek. onun içinde şöyle basit bir şey yapa bilirsiniz döngünüzde.
<?php
//Örnek döngü
// döngü başlamamıştan
$i = 0;
// döngünün içinde
foreach ($data as $row) {
echo '<div class="carousel-item '.($i==0?'active':'').'">
<img src="'.$dizin.$dosya.'" class="d-block w-100">
</div>';
$i++;
}
?>