Galería Simpleviewer

Publicado el 9 Septiembre 2009 ¬ 9:43h.admin

Algunos enlaces interesantes:
simpleviewer y picasa
Crea tu galería de imagenes
Tutorial para dummys

Aún cuando en google puedes encontrar bastante información acerca de simpleviewer, me he animado a escribir esta entrada. Por que aún cuando he visto ey utilizado varias galerías, la familia de simpleviewer es la más agradable a mis ojos.

Simpleviewer es una galería simple de implementar y aspecto elegante (gratuita), a parte de eso cuenta con tres hermanos, tiltviewer, postviewer, postviewer. A parte tienen una aplicación con costo para administrar las imagenes desde la web de las galerías. Muy agradable y economico para quien no es desarrollador compra por 45 dlls la aplicación y así es transparente la administración de su galería. Y si eres programador pues que más, que hacer la aplicación que esta en php donde lo más importante es subir archivos al servidor y escribir sobre archivos xml.

Aquí tengo una página donde agrego las cuatro galerías de esta familia:astridrodriguez.com

Bueno mi aporte es el siguiente, si ustedes bajan simpleviewer, tiltviewer, etc.. viene el demo de como utilizarlo y contiene los siguientes archivos (ejemplo para simpleviewer):

Carpetas: images y thumbs
Archivos: gallery.xml, viewer.html, swfobject.js, index.html

si tu tambien estas interesado en poner tu galería en una página que ya tienes hecha sin incluir el archivo swfObject.js, entonces la pones como cualquier objeto flash:

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='100%' height='500'>
<param name='movie' value='Galeria/viewer.swf?xmlDataPath=Galeria/gallery.xml‘ />
<param name=’quality’ value=’high’ />
<embed src=’Galeria/viewer.swf?xmlDataPath=Galeria/gallery.xml‘ quality=’high’ pluginspage=’http://www.macromedia.com/go/getflashplayer’ type=’application/x-shockwave-flash’ width=’100%’ height=’500′></embed>
</object>

Nota: Si checas el demo observaras algo así:

var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#181818");

// SIMPLEVIEWER CONFIGURATION OPTIONS
// To use an option, uncomment it by removing the "//" at the start of the line
// For a description of config options, go to:
// http://www.airtightinteractive.com/simpleviewer/options.html

//fo.addVariable("xmlDataPath", "gallery.xml");
//fo.addVariable("firstImageIndex", "5");
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("preloaderColor", "0xFFFFFF");

fo.write("flashcontent");

Donde:

//fo.addVariable("xmlDataPath", "gallery.xml");

Es un parametro del archivo viewer.swf, esto se puede cambiar en el ejemplo que pongo por:

Galeria/viewer.swf?xmlDataPath=Galeria/gallery.xml

Y si quisieras agregar un parametro más le agregarias & despues de cada parametro, ejemplo:

Galeria/viewer.swf?xmlDataPath=Galeria/gallery.xml&firstImageIndex=5

Este es una forma más, en como podrías llamar a la galería y depende mucho si no lo quieres poner como el demo, que a mi parecer es excelente, pero no se ajusta a mis necesidades.

Nota:

Cuando actualices tu arhivo galeria.xml, si no ves el cambio en tu página, te recomiendo borres los temporales de internet.

Ojala, les sirva de algo esta entrada, saludos.

Herramientas

Puedes seguir cualquier respuesta a esta entrada mediante el canal RSS 2.0. Puedes dejar un comentario o enviar un trackback desde tu propio sitio.

Dejar un comentario

Debes ingresar para dejar un comentario.