Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

1Beğeni
  • 1 Yazan MyYafes

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML

374x90

Bu Alana Reklam Ver



HTML'de belirlenen alanı çoklu resim nasıl ekleyebilirim?

  #1  
Okunmamış 05 Aralık 2018, 22:41
Anarchosa Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 23 Nisan 2015
Yaş / Cinsiyet: 26 / Erkek
Meslek: Öğrenci
Konum: Ankara
Ad, Soyad: Me... Kı...
Mesajlar: 396
Beğeniler: 18 / 128
Ticaret: 0, 0%
Sayfamda Projelerimiz/Devam Eden Biten Bölümünde Herhangi Bir Proje İçin Tek Resim Ekleme Yapabiliyorum,Daha Önceden Bu Şekil Kalmıştı Çoklu Resim Eklemek İstiyorum Sol Tarafa Sığacak Bir Slider Mevcutmudur?

http://ozkanogluinsaat.com/
  #2  
Okunmamış 06 Aralık 2018, 15:31
Avatar Seçilmemiş
 
Üyelik Tarihi: 05 Mart 2015
Yaş / Cinsiyet: 20 / Erkek
Konum: Çorum
Ad, Soyad: Ma... Me...
Mesajlar: 26
Beğeniler: 7 / 0
Ticaret: 0, 0%
Şimdi resim alanını şu şekilde yaparsan:
PHP- Kodu:
<div class="proje-resmi">
    <style>.mySlides {display:none;}</style>
    <div style="max-width:500px;">
        <?php
            $query_slider 
get_images($proje_id); // Burada proje idsi ile bir fonksyondan resimleri çekip while ile listeliyorum. Tabi senin bunu yapabilmen için bir tabloda proje idsi ile resimleri saklaman gerekiyor.  
            
while ($row_slider $query_slider->fetch(PDO::FETCH_ASSOC)) {
                echo 
'
                <img src="'
.$row_slider['slide_img_url'].'" class="mySlides" style="width:100%;height:410px;">
                '
;
                
            }
        
?>
    </div>
</div>
Dosyanın en altına footera jquery dosyasını dahil ettiğin kodun altına da bunu eklersen:

Kod:
<script>
    var myIndex = 0;
    carousel();

    function carousel() {
        var i;
        var x = document.getElementsByClassName("mySlides");
        for (i = 0; i < x.length; i++) {
            x[i].style.display = "none";  
        }
        myIndex++;
        if (myIndex > x.length) {myIndex = 1}    
			x[myIndex-1].style.display = "block";  
            setTimeout(carousel, 3000); // 3 Saniye
        }
</script>
Her 3 saniyede bir proje resmi değişir.
Anarchosa bunu beğendi.
  #3  
Okunmamış 06 Aralık 2018, 20:27
Anarchosa Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 23 Nisan 2015
Yaş / Cinsiyet: 26 / Erkek
Meslek: Öğrenci
Konum: Ankara
Ad, Soyad: Me... Kı...
Mesajlar: 396
Beğeniler: 18 / 128
Ticaret: 0, 0%
Alıntı:
$query_slider = get_images($proje_id); // Burada proje idsi ile bir fonksyondan resimleri çekip while ile listeliyorum. Tabi senin bunu yapabilmen için bir tabloda proje idsi ile resimleri saklaman gerekiyor.
proje idsi ile saklaman gerekiyor demişsinizde bunu nasıl yapacağım PHP konusunda zayıfım yardımcı olabilirmisiniz.
  #4  
Okunmamış 06 Aralık 2018, 21:55
Avatar Seçilmemiş
 
Üyelik Tarihi: 05 Mart 2015
Yaş / Cinsiyet: 20 / Erkek
Konum: Çorum
Ad, Soyad: Ma... Me...
Mesajlar: 26
Beğeniler: 7 / 0
Ticaret: 0, 0%
Yani şundan bahsediyorum tablo yapınız aşağıdaki gibi olması lazım.

project_images -> Tablo ismi
pri_id | project_id | pri_link | tarih

prid_id -> otomatik id değeri,
project_id -> resim hangi projeye ait ise onun idsi,
pri_link -> resmin linki,
tarih -> otomatik tarih yazdırabilirsin.

Burada sen şöyle bir fonksyon kullanabilrsin.
PHP- Kodu:
<?php
function slide_images($proje_id) {
$query $db->prepare("SELECT * FROM project_images WHERE proje_id=?");
$query $db->execute(array($proje_id));
return 
$query;
}

//proje sayfanda döngü ile listelemek için;
// burada gönderdiğim id projenin idsi anlamışsındır umarım.
$images slide_images($id); 
while (
$row $images->fetch(PDO::FETCH_ASSOC)){
echo 
$row['pri_link']; /* resmin linki, idsini gönderdiğin projeye ait kaçtane resim var ise linki döner yukarıdaki örnekte bahsettiğim gibi döngüye sokup slider oluşturmuş olursun. Ayrıca tabloya resim ekleme işi de çok basit zaten insert into ile proje idsine göre istediğin kadar resim ekle. */
}
?>
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 22:28.