Листинг файлов папки

[andrey1402]

Помогите пожалуйста!
Необходимо вывести все картинки из папки на страницу.
На php организовать листинг папки на сервере просто:

$location = 'images';
$files = glob($location . '/*.{jpg,gif,png}', GLOB_BRACE);
for ($i = 0; $i < count($files); $i++)
{
<img src='$files[$i]'/>

Появилась необходимость сделать то же на js. Я понимаю, что js работает на стороне клиента, но возможно же загружать определенное количество картинок, зная их имена:

for (i=1; i<10; i++) {
var img = document.createElement("IMG");
img.src = "images/" + i + ".png";
img.id = i;
img.width = "40"; 
img.height = "40";
document.getElementById("templates").appendChild(img);
};

Буду благодарен, если укажете в каком направлении рыть.

[ruslan_mart]

for(i=1;i<10;i++){
document.write('<img alt="" src="images/'+i+'.png" id="'+i+'">');
}

[andrey1402]

for(i=1;i<10;i++){
document.write('<img alt="" src="images/'+i+'.png" id="'+i+'">');
}

Всё это понятно. Но как хотя бы указать количество файлов в папке? Вместо "i<10". Уже не спрашиваю про список имен файлов.

[ruslan_mart]

var col = 0; //Переменная, в которую будет записываться число загруженных изображений

for(i=1;i<1000;i++) //Создаём цикл.
{
document.write('<img alt="" src="images/'+i+'.png" id="'+i+'">'); //Добавляем изображение на страницу
break; //Останавливаем цикл
document.getElementById(i).onload = function() //Если изображение будет загружено, то цикл возобновляется и в переменную col прибавляется 1.
{
continue;
col++;
}
}

Может и бред написал, но всё же можно попробовать.

[andrey1402]

Тоже выход, только код не красивый.
Придется изучать организацию tpl в cms(((