<div class="blog-details-image" data-aos="fade-up" data-aos-duration="1200">
<?php
$resara = $db->prepare("SELECT * FROM resimler ORDER BY id ASC");
$resara->execute();
$resisl = $resara->fetchAll(PDO::FETCH_ASSOC);
$ilkResim = true;
foreach ($resisl as $resson) {
$resimURL = "/".tema."/uploads/bolgeler/diger/".$resson['resim'];
if ($ilkResim) {
// Ana resim
echo '<a href="'.$resimURL.'" data-fancybox="gallery"><img src="'.$resimURL.'" alt="Image" class="project-img"></a>';
$ilkResim = false;
} else {
// Diğer resimler (gizli)
echo '<a href="'.$resimURL.'" data-fancybox="gallery" style="display: none;"></a>';
}
}
?>
</div>

Head.php ekle
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />

Footer.php ekle
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>

Bunu bir dener misiniz