php resim popupta gösterme

18-01-2024, 01:45:03

Merhaba Arkadaşlar
sitemin blog detay bölümünde ekrana 1 tane resim göstermek istiyorum, bu resime tıkladığımda açılan popup pencersinde diğer resimleri nasıl görebilirim, kod bloğum aşağıdaki gib

<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);
            foreach ($resisl as $resson){
                $degisken .= $resson;
                $res = $degisken;
                $res = "/".tema."/uploads/bolgeler/diger/".$resson['resim'];
                }
            ?>
            <a title="" class="popup-btn" href="<?=$res;?>">
            <img src="<?=$res;?>" alt="Image" class="project-img"></a>
            <div class="fancybox"></div>
        </div>

18-01-2024, 01:48:14

#2

zeyrek34

Kimlik doğrulama veya yönetimden onay bekliyor.

bu resime bağlı olan diğer resimleri listele ajax ile çekip modalın içine bas

18-01-2024, 01:49:29

#3

emlak21

zeyrek34 adlı üyeden alıntı: mesajı görüntüle

bu resime bağlı olan diğer resimleri listele ajax ile çekip modalın içine bas

Merhaba Hocam
nasıl yapmam gerekiyor, bu konuda örnek verebilirmisin hocam

18-01-2024, 01:55:08

#4

PATRON54

<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) {
echo '<a href="'.$resimURL.'" data-fancybox="gallery"><img src="'.$resimURL.'" alt="Image" class="project-img"></a>';
$ilkResim = false;
} else {
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

18-01-2024, 02:05:45

#5

emlak21

PATRON54 adlı üyeden alıntı: mesajı görüntüle

<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

Merhaba Hocam
çok teşekkür ederim,
Allah razı olsun,
çalıştı