Загрузка изображений на страницу
 

Задача следующая: по клику на кнопки/ссылки, мне нужно загружать галерею с картинками
в коде это будет выглядеть примерно так

<button id="01">первая галерея из первой папки</button>
<button id="02">вторая галерея из второй папки</button>...

<ul id="gallery">
<li><a href=''папка_01/большая картинка_01.jpg "><img src="папка_01/маленькая_картинка_01.jpg" /></a></li>
<li><a href=''папка_01/большая картинка_02.jpg "><img src="папка_01/маленькая_картинка_02.jpg" /></a></li>
<li><a href=''папка_01/большая картинка_03.jpg "><img src="папка_01/маленькая_картинка_03.jpg" /></a></li>...
</ul>

Идея такая, что пронумрованные кнопки будут вести к разным папкам и скрипт должен вытаскивать оттуда картинки.

Вопрос: каким образом это всё реализовать? Я вижу несколько проблем: как вообще выполнять загрузку картинок на уже загруженной странице? Использовать ajax? Если через id кнопки я могу написать путь к картинке, то что будет если картинки в папке вообще не окажется, я ведь не знаю их точное количество.

Я не прошу написать за меня код, просто задайте, пожалуйста, направление.

Можно создать img с помощью скрипта.
Можно присвоить уже существующему элементу фоновое изображение.
Картинка будет подгружаться, если файл существует, если не существует, не подгрузится.