Xyberneticos

Joxmiguel me mando una galería hace días por mail, que es realmente interesante y fácil de utilizar. La galería se llama simpleviewer y en pequeñas cosas es similar a The Flash XML Gallery que vimos hace días, pero tiene algunas diferencias a la hora de crear nuestra galería de imágenes y también en cuanto a aspecto, simpleviewer es mucho más agradable.
Si bien al bajar los archivos descubrirás lo fácil que es personalizarla, de todas formas veremos cuales son los archivos que llamaran a nuestra imagen en la galería, para que de esta forma si no tienes experiencia sepas como poner tus propias fotos en Simpleviewer.
Al bajar los archivos veremos varias carpetas, que en resumen cada una de ellas es la misma galería, solo que con pequeños cambios en su aspecto, por ejemplo en el diseño en el footer, header, con la opción de agregar una caja de texto de lado izquierdo, etc. Pero mas haya de los pequeños cambios en cada una de las galerías, recuerda que sigue siendo la misma galería “simpleviewer”, por lo tanto a la hora de configurarla serán exactamente los mismos pasos siempre.
¿Como agregamos nuestras imagenes en la galeria?
Al descargar los archivos y revisar una de las galerías encontraremos estos archivos:

Primero nos enfocaremos en nuestras imágenes, ósea las imágenes que deseamos mostrar en la galería. Como puedes ver tenemos dos carpetas para ellas, una para la imagen en tamaño normal llamada “Images” y otra que es la carpeta “thumbs” que contendrá nuestra imagen miniatura.
Las imágenes de nuestra galeria tanto para el tamaño normal como para la miniatura deben llevar el mismo nombre, y cada una en su carpeta correspondiente.

Una vez que hemos agregado todas las imágenes que deseamos mostrar en ambas carpetas, necesitamos editar el archivo “gallery.xml” para llamar a nuestras imágenes y posteriormente se muestren en nuestra galería. Entonces abrimos el archivo “gallery.xml” y comenzamos a llamar a las imagenes que deseamos mostrar.

Con nuestro archivo abierto con algún editor, procederemos a editarlo y llamar a nuestras imágenes.

En el código de arriba podemos ver las etiquetas que llamaran a una imagen para visualizar en la galería. Los pasos son siempre los mismos, y cada vez que deseamos agregar mas fotos solo repetimos los pasos de las etiquetas “< image >”, agregando la etiqueta “ < image >” y su finalización por supuesto para cada imagen. Luego simplemente guardamos los cambios y ejecutamos el archivo “index.html” y ya podremos ver los cambios. Es realmente fácil de utilizar y con un poco de conocimientos y ganas retocando la hoja de estilo se pueden lograr cosas realmente bellas. En este caso los estilos estan dentro del archivo “index.html”.
Demo - Descarga simpleviewer
Gracias Joxmiguel (por la galeria)