Erste Bilder Länge aus einem Ordner dynamisch

Question

Dies ist mein Code-Bilder zu laden dynamisch

$(document).ready(function(){ 
    imageloop(); 
}); 

var i = "1"; 
var n="6"; 

function imageloop(){ 

    var imgCnt = $("<img>").attr('src', "img/" + i +".jpg").appendTo("#images").width(120).height(120); 
    // $('<br/>').insertAfter('img'); 
    if (i==n){ 
    //alert('loaded'); 
    } 
    else{ 
    i++; 
    imageloop(); 
    } 
} 

Es funktioniert gut, aber ich versuche, die Länge der Bilder in einem Ordner zu bekommen, wie ich zu hart nicht will Code es. Wie kann ich das machen?

$(document).ready(function(){ 

    imageloop(); 
}); 

var i = "1"; 
var n=$('img/').length; 

function imageloop(){ 

    var imgCnt = $("<img>").attr('src', "img/" + i +".jpg").appendTo("#images").width(120).height(120); 
    // $('<br/>').insertAfter('img'); 
    if (i==n){ 
    //alert('loaded'); 
    } 
    else{ 
    i++; 
    imageloop(); 
    } 
} 

Dieser Code funktioniert nicht

Answer 1

Sie PHP-Lösung, die alle Bilder aus einem Ordner mit dem glob bekommen können() Funktion, welche Datei-Erweiterungen Ihr interessiert sind und dann die Schleife durch denjenigen angeben .

<?php 
$files = glob("img/*.jpg"); 
foreach($files as $jpg){ 
    echo $jpg, "\n"; 
} 
?> 

So übertragen Sie dies alles, was Sie zu Ihrem Fall müssen wissen, ob die Länge, wie viele Bilder in dem Ordner befinden, können Sie so etwas wie folgt

var n=<?php $files = glob("img/*.jpg"); echo count($files);?>