Hay que configurar el diseño de la Galería en el archivo tfile_gallery.xml.
Puede utilizar el panel de administración para modificar el archivo pero si el usuario no desea utilizarla, puede revisar la descripción de la configuración abajo.
Ejemplo: Hay dos galerías, con 8 imágenes en cada una, lo que debe describir en el archivo XML:
<section name=”imagesData”>
<category name=”FLOWERS” folderID=”1″>
<image>
<item name=”imageUrl”>1.jpg</item>
<item name=”imageComment”><![CDATA[
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.
]]></item>
</image>
<image>
<item name=”imageUrl”>2.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>3.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>4.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>5.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>6.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>7.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>8.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
</category>
<category name=”NATURE” folderID=”2″>
<image>
<item name=”imageUrl”>1.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>2.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>3.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>4.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>5.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>6.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>7.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=”imageUrl”>8.jpg</item>
<item name=”imageComment”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
</category>
</section>
Configuración adicional del diseño:
imageHeight – altura de imágenes pequeñas
imageWidth – anchura de imágenes pequeñas
hSpace – espacio horizontal entre las imágenes pequeñas
vSpace – espacio vertical entre las imágenes pequeñas
openInBrowser – (verdadero / falso) – si es verdadero, entonces cuando hace clic en el botón de zoom, la foto se abre en el navegador, si es falso – en flash
commentPosition – (estirada, izquierda, derecha) posición de comentarios para fotos (estirada – ocupará toda la anchura de una foto grande)
previewPosition (superior, inferior, derecha, izquierda) – configuración de apariencia de Galería, muestra la posición de la foto grande en relacion al tamaño de la foto pequeña
previewOffset – espacio entre las imágenes grandes y pequeñas
maxGalleriesAllowed – un valor máximo de las categorías
minImageWidth – una anchura mínima de la imagen
minImageHeight – una altura mínima de la imagen
maxImageWidth – una anchura máxima de la imagen
maxImageHeight – una altura máxima de la imagen
minPreviewWidth – una anchura mínima de la vista previa minPreviewHeight – una altura mínima de la vista previa
maxPreviewWidth – una anchura máxima de la vista previa
maxPreviewHeight – una altura máxima de la vista previa
