Para que os hagáis una idea, al actualizar la página después de añadir la galería de fotos, el código que pinta el browser con la función JS sería algo así
Código:
<div id="overlay" style="opacity: 1; cursor: auto; display: none; "></div>
<div id="cajaFotoTamañoOriginal" style="display: none; "><img></div>
<div id="contentSchool">
<ul>
<li class="active"><a href="#tab1">Información</a></li>
<li><a href="#tab2">Calendario</a></li>
<li><a href="#tab3">Fotos</a></li>
</ul>
<div class="tab_container">
<div id="tab1" tyle="opacity: 1; cursor: auto; display: none; "></div>
<div id="colorbox" class="" style=" display: block;">
<p>Contenido Información</p>
</div>
<div id="tab2" style=" display: none;>
<p>ContenidoCalendario</p>
</div>
<div id="tab3" style=" display: none;>
<div id="fotoMiniatura">
<a href="#"><img></a>
</div>
</div>
</div>
</div>
No se si así lo véis más claro!
Muchísimas gracias a los dos!