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'>");
});
}
});
});