Фото галерея. Учусь делая.
 

Я знаю что существует множество готовых решений для фотогалерей, но разбирать их для обучения в самом начале очень сложно, так как там много лишнего для моих теперешних нужд. Сделал свой "велосипед", с серверной частью вроде разобрался, хотя и JS работает, но такое ощущение что последнее как то все "на соплях висит".
Собственно попробую коротко описать что требовалось и как делал, и если имеется более грамотное решение с радостью его выслушаю.

1.Считываю записи даных фоток в массив.
2.Перевожу данные в массив JS.
3.Создаю DIV для главной фотки, и дивы для маленьких фоток.
4.Помещаю фотки в нужные дивы с помошью

document.getElementById( "div-name").innerHTML = "<img src='"+imgPArr.src+"' />";

если фото больше чем контейнеров-сразу в массив предзагрузки. создавай контейнеры и помещай фото сразу -рнр

imgPArr[i].src

Это массив, просто для примера написал выше не как массив. Или я не правильно понял?


Не понимаю, можно маленький пример?

да какой пример-если у тебя будет много фоток -не будешь же ты их превьюшки все одновременно показывать?
в массив считываеш а потом из него на страницу контейнеры создаёш-длительное время может быть пустота на месте изображений(зависит от скорости соединения)-поэтому их на прямую сразу в страницу минуя массив
гугл-предзагрузка изображений