Arama butonu
Bu konudaki kullanıcılar: 1 misafir
2
Cevap
587
Tıklama
0
Öne Çıkarma
Caousel Slider'a Formla Otomatik Resim ve Yazı Ekleme
M
5 yıl
Onbaşı
Konu Sahibi

Arkadaşlar merhaba. 1. resimde; başlık ve text editörü var. Başlığı yazıyorum ve text editörünün içine resim upload ediyorum. "Yayınla" ya bastığımda anasayfaya Carousel Slider olarak bir resim atıyor. İkinci resmi eklediğimde ise üstüste geliyor resimler. Ben slider şeklinde eklensin istiyorum. Ekteki resimlere bakabilirsiniz.< Resime gitmek için tıklayın >< Resime gitmek için tıklayın >



O
5 yıl
Yarbay

Yayınladığın sayfada yani sliderin oldugu sayfada gelen veri foreach döngüsü ile slidera eklemen lazım

oda sırayla dönüp ekliyecek tekrarlanacak yere foreach uygula yanlış yere uyguluyor olabilirsin



M
5 yıl
Onbaşı
Konu Sahibi



<div id="demo" class="carousel slide" data-ride="carousel">

<?php

$veriler = $db->query("SELECT * FROM haberlerekle",PDO::FETCH_ASSOC)->fetchAll();

foreach ($veriler as $row) { ?>

<ul class="carousel-indicators">

<li data-target="#demo" data-slide-to="0"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>

</ul>

<div class="carousel-inner">


<div class="carousel-item active">
<div style="max-width:1100px; max-height:500px;"> <?php echo $row['haberekle_konu']; ?> </div>
<div class="carousel-caption">
<h3> <?php echo $row['haberekle_baslik']; ?> </h3>
</div>
</div>

<?php } ?>

</div>

<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>

</div>


Slider kodlarını yukarıda paylaşıyorum.





< Bu mesaj bu kişi tarafından değiştirildi mali2023 -- 27 Temmuz 2020; 21:31:28 >

DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.