• 03-06-2020, 12:32:37
    #1
    Merhaba arkadaşlar, bir web projesi için klasörde ki resimleri listelemek istiyorum. Aşağıda ki kod ile bu işlemi yapıyorum. İstediğim klasördeki resimleri sorunsuz listeleyebiliyorum.

    Fakat şu sorunla karşılaşıyorum ilgili kodu </head> öncesine ya da nereye eklersem ekleyeyim resimler sayfa içeriğinin en altında </body> etiketi öncesine ekleniyor. Dolayısıyla istediğim yerde resimleri gösteremiyorum. Belirttiğim Div içerisine eklenmesi için birkaç örnek buldum fakat onlar işe yaramadı. Bir türlü istediğim yerde resimleri gösterilmesini sağlayamadım.

    Bu konuda yardımcı olacak biri çıkarsa sevinirim. Farklı bir kod örneği de verebilirsiniz (gerçekten çalışan)

    Kullandığım kod:
    var dir = "/galeri/";
    var fileextension = ".jpg";
    $(document).ready(function(){
    $.ajax({
    url: dir,
    success: function (data) {
    $(data).find("a:contains(" + fileextension + ")").each(function () {
    var filename = this.href.replace(window.location.host, "").replace("http://", "");
    $("body").append("<img src='" + filename + "' alt='image'>");
    });
    }
    });
    });
  • 03-06-2020, 12:38:43
    #2
    Çünkü kodda
    $("body").append("<img src='" + filename + "' alt='image'>");

    var, body elemanının en sonuna ekleme yapar. oraya body yerine kendi div inizi class ını yazarsanız o div in içinde sona eklenir.
    $(".div_classı").append("<img src='" + filename + "' alt='image'>");

    veya append yerine prepend yazarsanız da sona değil de başa ekler.
  • 03-06-2020, 12:53:35
    #3
    Abdullahx adlı üyeden alıntı: mesajı görüntüle
    Çünkü kodda
    $("body").append("<img src='" + filename + "' alt='image'>");

    var, body elemanının en sonuna ekleme yapar. oraya body yerine kendi div inizi class ını yazarsanız o div in içinde sona eklenir.
    $(".div_classı").append("<img src='" + filename + "' alt='image'>");

    veya append yerine prepend yazarsanız da sona değil de başa ekler.
    Teşekkür ederim hocam. Bahsettiğiniz şekilde sorunu çözdüm. Bu kodda klasörde ki tüm görseller listeleniyor 100 tane ise, mesela 25'şer li sayfalara ayırmak ya da göstermek mümkün müdür? Bilginiz varsa paylaşırsanız sevinirim.
  • 03-06-2020, 13:02:12
    #4
    Rica ederim.
    Açıkçası bunun kolay bir yolu varsa da ben bilmiyorum hocam. Javascript ile dosyalara erişmenin nasıl olduğunu bilmiyorum, bunu hep server side dilde yaptım çünkü. Şu an araştırıp kodunu yazamam fakat each fonksiyonuna bir limit belirlersiniz ve view more tarzında bir buton koyarsınız. tıklayınca eri kalan içeriği gösterir. Ama resimler halihazırda yüklendikten sonra sadece gösterme şeklinde mi olur yoksa yeni bir ajax çağrısı mı olur bilemiyorum. Veriyi nasıl çektiğinizi bilmiyorum.