Weblabor

// nincs tesztelve, sok éve nem írtam így JS-t, ez csak úgy hasraütés
var categories = ['nature', 'buildings', 'fun'];

for (var i = 0; i < categories.length; i++) {
   var div = '<div class="album"><a href="album.html?category=' + categories[i] + '"><img src="categories/' + categories[i] + '/tn.jpg"></a></div>';
   $('body').html($('body').html() + div);
}

// nincs tesztelve, sok éve nem írtam így JS-t, ez csak úgy hasraütés

var getParam  = window.location.search.replace( "?", "" );
var paramsArr = getParam.split('&');
var params    = {};

for ( var i = 0; i < paramsArr.length; i++) {
    var tmparr = paramsArr[i].split("=");
    params[tmparr[0]] = tmparr[1];
}

// és akkor teletömöd a body-t a képekkel:
// tegyuk fel, hogy max 100 kep lehet
for (var i = 1; i <= 100; i++) {
  var IMG = document.createElement('img');
  img.src = 'categories/' + params.category + '/' + i + '.jpg';
  // csak ha van olyan kep az adott kategoriaban, akkor generaljuk bele a body-ba
  img.onload = createImage(img);
} 

function createImage(img) {
    $('body').html($('body').html() + img);
}