En XYBERNETICOS, encuentro un recurso para realizar galerias de imagenes realmente interesante y fácil de utilizar. La galería se llama Simpleviewer (tienes las instrucciones y los enlaces), una vez bajas 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?
l 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.
<simpleviewerGallery> ***Comienzo de Galeria (Por defecto)***
<image> ***Comienzo de una imagen***
<filename>tu_foto.jpg</filename> ***Nombre de imagen***
<caption>Descripcion de la imagen</caption> ***Descripcion***
</image> ***Fin de imagen***
</simpleviewerGallery> ***Fin de Galeria***
Para seguir agregando imágenes a la galería
solo necesitas repetir
los pasos de
<image> a </image>
dentro de las etiquetas
<simpleviewerGallery> y </simpleviewerGallery>
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.
Enlaces: [ Demo ] [ Descarga simpleviewer ]