Gerar divs para galeria

[Deivs 0]

Galeria seguinte, estou terminando este site www.vrb848.com.br

E preciso finalizar a galeria, entrem nessa pag para verem como quero deixar o resultado final interagido com o painel www.vrb848.com.br/galeria.php

 

ja criei a classe para visualizacao das imagens q estao no bd, vejam aqui www.vrb848.com.br/galeriaphp.php

Porém minha duvida é seguinte

como vou fazer para gerar automaticamente as divs para cada imagem e o slide ficar certinho? Pensei logo que poderia ser feito em javascript, se eu estiver errado entao o topico ficou na sessao errada ai por favor alguem mova o topico para a sessao correta ;) auhsuahs .

o codigo para criar cada foto é:

<div class="step" data-color="color-2" data-x="600" data-y="0" data-z="0" data-rotate="0">
<div class="jms-content">
	<h3> </h3>
	<img src="images/galeria/galeria02.jpg" />
</div>
</div>

 

Já o codigo para ver as fotos q estao no bg da pagina galeriaphp.php que mencionei logo acima está assim:

<div class="fotos">
<? if(!empty($fotos['id'])): ?>
<? for($i = 0; $i < count($fotos['id']); $i++): ?>
<div class="item" id="cod:<? echo $fotos['id'][$i] ?>">
	<img class="content" src="thumb.php?arquivo=images/galerias/<? echo $fotos['arquivo'][$i]?>&largura=500&altura=300"/>
	<div class="caption"><? echo utf8_encode($fotos['comentario'][$i]) ?></div>
</div>
<? endfor ?>
<? else: ?>
	<h1 class="msgvdo">Nenhuma foto selecionada</h1>
<? endif ?>
</div>

Alguem ae tem ideia de como poderia ser feito isso? pode ser feito em JS msm?

flw abrass

[Ismaeldm 5]

Não entendi muito bem...

Tipo, você que adicionar uma DIV automática para cada imagem encontrada?