PHP Aynı Başlık Altında İlgili Resimleri Listeleme
Merhabalar. Bir problemim var. Şöyle: Resim albümü oluşturmaya çalışıyorum. Öncelikle albüm oluşturuyorum. Sonra albümün içine resimleri kaydediyorum. Bu resimlerin hepsini bir sayfada gösteriyorum. Aşağıdaki kodlar bu sayfada gösterdiğim resimler. Sonuç eklediğim resimdeki gibi. Yapmak istediğim şu: Sira numarası aynı ise ikinci bir div açılıp tekrar yazmasını istemiyorum. Mesela "Adana" isimli olan resimler "60 sıra numarasına ait." 60 sıra numarasına ait resimler "Adana başlığı altında çıksın." Ama sonuç bu.
https://hizliresim.com/Et27FS
<?php
ob_start();
include "../../../baglanti.php";
?>
<head>
<link rel="stylesheet" href="../../../css/stil.css">
</head>
<?php
$sayfa = @intval($_GET["sayfa"]); if(!$sayfa) {$sayfa = 1;}
$say = $db->query("SELECT * FROM albumeresimekle");
$toplamveri = $say->rowCount(); // Verileri Saydırdık
$limit = 3; // Sayfada Gösterilecek Resim Sayısı
$sayfa_sayisi = ceil($toplamveri/$limit); if($sayfa > $sayfa_sayisi) { $sayfa = 1; }
$goster = $sayfa * $limit - $limit;
$gorunensayfa = 2;
$resimcek = $db->query("SELECT * FROM albumeresimekle ORDER BY albumeresimekle_baslik DESC LIMIT $goster, $limit");
$resimlerial = $resimcek->fetchAll(PDO::FETCH_ASSOC);
foreach ($resimlerial as $resim) {
?>
<div style="position:relative; top:0px; width:100%; height:223px; line-height:50px;
background:lightbrown; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.35);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);">
<!-- Resimleri ve başlıklarını komple birbiri ardına sola alıyor. Başlangıç -->
<div style="position:absolute; width:1250px; height:50px; background:#81a8f4; padding-left:10px; font-size:20px;
color:#fff;"><?php echo $resim['albumeresimekle_baslik']; ?></div>
<div class="cokluresimlisteleresim" style="position:absolute; top:53px; margin-left:0px; font-size:20px; color:#fff;">
<img src="../../../upload/albumeresimekle/<?php echo $resim["albumeresimekle_adi"]; ?>">
<?php echo $resim["albumeresimekle_baslik"]; ?></div>
<div class="cokluresimlisteleresimyazisi">
<a href="../../../resim-galerisi.php<?php echo substr($resim['albumeresimekle_baslik'],0,44); ?>">
<?php echo substr($resim['albumeresimekle_baslik'],0,44); ?></a> <!-- Veritabanından çekilen string in karakter sayısını belirliyor. -->
<div class="silduzenlediv"><a href="duzenle.php?duzenle=<?php echo substr($resim['albumeresimekle_id'],0,44); ?>">
<div class="duzenle">Düzenle</div></a><a href=""><div class="sil">Sil</div></a></div>
</div>
</div> <!-- Resimleri ve başlıklarını komple birbiri ardına sola alıyor. Bitiş -->
<?php } ?>
<div style="clear: both;"> <!-- Sayfalama numaralarını resimlerin aşağısında tutabilmek için gerekli. Aksi takdirde resimlerin yanına geçiyor. Başlangıç -->
<?php if ($sayfa > 1) { ?>
<!-- Aşağıdaki "div" sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Numaraların birbirinden 10px sağa kayması için "padding" verdim. Resimlerin 10px aşağısında olması için. -->
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;">
<a href="tumresimlerilistele.php?sayfa=1">İlk</a></div>
<!-- Aşağıdaki "div" sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Numaraların birbirinden 10px sağa kayması için "padding" verdim. Resimlerin 10px aşağısında olması için. -->
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;">
<a href="tumresimlerilistele.php?sayfa=<?php echo $sayfa - 1 ?>">Önceki</a></div>
<?php } ?>
<?php
for($i = $sayfa - $gorunensayfa; $i < $sayfa + $gorunensayfa +1; $i++) {
if($i > 0 and $i <= $sayfa_sayisi) {
if($i == $sayfa) {
?>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;"> <!-- Sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Resimlerin 10px aşağısında olması için. Başlangıç -->
<?php echo '<span>'.$i.'</span>'; ?>
</div> <!-- Sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Resimlerin 10px aşağısında olması için. Bitiş -->
<?php } else { ?>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;"> <!-- Sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Resimlerin 10px aşağısında olması için. Başlangıç -->
<?php echo '<a href="tumresimlerilistele.php?sayfa='.$i.'">'.$i.'</a>'; ?>
</div> <!-- Sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Resimlerin 10px aşağısında olması için. Bitiş -->
<?php } } } if ($sayfa != $sayfa_sayisi) { ?>
<!-- Aşağıdaki "div" sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Numaraların birbirinden 10px sağa kayması için "padding-left" verdim. Resimlerin 10px aşağısında olması için. -->
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;"><a href="tumresimlerilistele.php?sayfa=<?php echo $sayfa + 1 ?>">Sonraki</a></div>
<!-- Aşağıdaki "div" sayfalama numaralarını birbirinin soluna almak için "float:left" ekledim. Numaraların birbirinden 10px sağa kayması için "padding-left" verdim. Resimlerin 10px aşağısında olması için. -->
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;"><a href="tumresimlerilistele.php?sayfa=<?php echo $sayfa_sayisi ?>">Son</a></div>
<?php } ?>
</div> <!-- Sayfalama numaralarını resimlerin aşağısında tutabilmek için gerekli. Aksi takdirde numaralar resimlerin yanına geçiyor. Bitiş -->
<br>
?>
Tekrar merhaba. Arkadaşlar vermiş olduğunuz "SELECT" sorgusunu veritabanımın sql alanına yazıp kaydettim. Yalnız yine aynı sonucu verdi. Bir yerde hata yapıyorum galiba. Şimdi aslında kafama takılan iki konu var. Birincisi "sql" alanına sorguyu yazmadan evvel, kendi kurmuş olduğum tablo bağlantısını sildim. Sonra "sql" alanına "SELECT" sorgusunu yazdım. Sonrasında "benzersiz bir alanınız yok" benzeri bir uyarı verdi. Hata değil de "sql" alanının aşağısında uyarı şeklinde çıktı yazı.
İkincisi ise ben "resimalbumu_id" ile "albumeresimekle_sirasi" alanlarını bağlamıştım. Yani albümün "id" si diğer tablonun "sira numarasına" bağlıydı. Az önce tayfun bey'in "group by, group concat" ile ilgili bir videosuna denk geldim. Orada da "id" leri eşitlemiş. Başka videolarda da öyle. Acaba ben id'leri eşitlemediğim için mi yapamadım. Yanlış anlamıyorsam "sira numarası" aynı olsa da" id" değiştiği için devamlı yeni bir başlık açıyor. İzlediğim bir videoda böyle yapmam gerktiğini söylemişti. Aslında bu şekilde yani "id" ile "sıra numarasını" bağladığımda sıra numarasına göre resimleri kategorilendirebiliyorum. Yani albümü listelettiğim sayfada albüm başlıklarına tıkladığım vakit o albümün resimleri çıkıyordu ama ben bir sayfada göstermeye çalışıyorum. Bu durumda ne yapmam lazım.