Weblabor

var globImages={};

/* a meghívott imglist.php egy JSON objektumként adja vissza a listázandó képek neveit */
function getImages(){
    var rq=new XMLHttpRequest();
    rq.open("GET","imglist.php",false);
    rq.send();
    var resp=JSON.parse(rq.responseText);
    return resp;
}

function onloadFv(){
    /* a globImages tömbbe/objektumba kerül a megjeleníthető fájlok listája */
    globImages=getImages();
    
    /* a képek listáját megjelenítő div */
    listObj=document.getElementById("imagelist");
    
    /* helykitöltő div, amelynek magassága megegyezik a befoglaló div magasságával, a szélessége viszont 0, hogy ne jelenjen meg.
       Valódi feladata, hogy a div-en belül, vertikálisan is középre tudjam igazítani a képeket. */
    var fill=document.createElement("div");
    
    /* Ezzel állítom be, hogy azonos legyen a magassága a szülőével. Nem túl korrekt, inkább a parentét kellene lekérni, de most egyszerűbb
       volt fixen beállítani. */
    fill.style.height="300px";
    
    /* Hozzácsapom az üres listához a fenti helykitöltőt */
    listObj.appendChild(fill);
    
    /* végigmegyek a fájlnevek listáján, mindegyikből kreálok 1-1 img objektumot és hozzáfűzöm az fenti listához */
    for(i in globImages){
        
        /* img létrehozása */
        var img=document.createElement("IMG");

        /* a kép forrásának beállítása */
        img.src=globImages[i];
        
        /* img objektum hozzáfűzése a listához */
        listObj.appendChild(img);
    }
}