Tutorial para dummies de la galeria Simpleviewer
Informatica, IRC & WwW | 3 de Abril del 2008 | 3.111 lecturas
Ya que la tita verixu me lo ha pedido pues lo publico por si ayuda a algun@ más.
Paso 1: te la bajas de la web oficial www.airtightinteractive.com / simpleviewer y la descomprimes en tu disco duro.
Paso 2: Ademas de otros archivos tendras este archivo: gallery.xml y dos carpetas: “images” y “thumbs”. Dentro de la carpeta images pones la foto a un tamaño medio, 800×600 por ejemplo y en la carpeta thumbs pues la misma imagen reducida de tamaño, por ejemplo 150 pixeles. Y lo más importante con el mismo nombre.
Paso 3: Abrimos el archivo gallery.xml con el bloc de notas y tendremos, entre otro poco, el siguiente codigo:
< image >
< filename >2007-03-16-concierto-de-la-pantoja.jpg < / filename >
< caption >2007-03-16-concierto-de-la-pantoja < / caption >
< / image >
[Notese que se han añadido espacio entre los "< >" para que se vieran]
Pues es cuestion de copiar y pegar lo mismo por cada fotografia que queramos añadir con un limite de 50 fotos. En la fila de filename, ponemos el nombre de la foto que queramos poner (con terminación) y en la linea de caption, el titulo que queramos que salga, da igual si el mismo u otro.
Paso 4: Guardamos el .xml y lo subimos a nuestra web via FTP junto con los otros archivos. El link debe apuntar al archivo index.html de la misma carpeta.
El tipico problema que puede saliros es que subais la foto y no el thumbs o tengan nombres distintos, cuidado con eso y con las Ñ´s los españoles ;)
P.D. Para los interesados ha salido este CD recopilatorio: Enrique Iglesias – 95-08 Exitos, esas grandes canciones que ayudaron a las depresiones quinciñeales (existe ese palabro?) de este pais. Y si, a mi me gustaba y me gusta.
Hola, me anime a incorporar Simpleviewer a la pagina que tengo en construcción, pero después de seguir cuidadosamente todos los pasos, solo me muestra la primera de las 12 imágenes que coloque cuidadosamente en las carpetas de miniaturas y de imágenes grades, en su lugar me muestras “X”. Podríais indicarme que puede estar pasando, adelanto que mis conocimientos son muy bajos, pero no cesare en mi intento. Un saludo, Manuel
Si te muestra “X” en vez de los thumbs (imagenes pequeñitas) cuando cargas tu web puede pasar varias cosas:
1.- Las imagenes grandes y pequeñas no concuerdan en nombre en las carpetas separadas por eso no las encuentra y te pone la X
2.- Mira a ver si en el archivo “gallery.xml” tiene los mismos nombres que los de las carpetas.
Probemos eso a ver si es eso.
P.D: Postea tu email que no lo pusiste en el anterior comentario.
Hola Alejandro, primero agradecer tus palabras y segundo decirte que las imágenes tienen los mismos nombres en las dos carpetas y en el archivo “gallery.xml”, tanbien están los mismos, fue algo que me preocupe en realizarlo correctamente. Espero puedas indicarme sobre este problema que me tiene algo desesperado.
Te mando la dirección para que puedas visualizar lo que me ocurre.http://www.castillosweb.net/VISOR%20Simpleviewer/Albun%20de%20prueba%201/index.html
Agradeciéndote las molestias que pueda causarte, mis mas gratos saludos. Manuel
Mi correo es jj13m@hotmail.com
Ya estoy aqui otra vez:
Pues resulta que yo lo veo todo perfectamente, incluso he cogido tu gallery.xml y he probado con mis fotos renombradas como las tuyas y me funcionan perfectamente.
Solo unas cosillas:
aqui: enableRightClickOpen=”farse” te has equivocado, debe poner FALSE :)
y estos: vAlign=”center” hAlign=”center” no los tengo pero bueno supongo que sera para alinear.
Vamos que no influyen en las fotos :/
Si eso lo unico que se me ocurre es que quites el “false” anterior (a “true”) que me deje ver la direccion de la imagen y su thumb o si quieres enviarme la galeria completa, con solo 2 o 3 fotos, no las 12.
Pero como anteriormente te dije a mi me funcionan correctamente. Ahora te mando mi email.
Hola cree mi galeria, pero kiero crear otro simpleviewr, como hago?? http://www.fernandoingunza.com
Hola Fer:)
Pues coges y copias y pegas la misma carpeta, la renombras… como quieras “galeria 2″. Y luego pues borras las fotos y thumbs y pones las nuevas. Y por ultimo solo queda modificar el .xml con los nuevos nombres de las nuevas fotos y listo.
Y claro esta, un nuevo link a la galeria 2.
Un saludo y gracias por tu comentario.
Hola:
Gracias por el artículo y felicidades por tu trabajo.
Mi intención es cambiar las galerías fotgráficas de mi página, porque su actulización es muy laboriosa para realizarla frecuentemente.
Tengo un par de problemas que me gustaría comentarte:
-¿Es posible modificar el tamaño de las miniaturas?
El tamaño predeterminado es de 45×45, y me parece muy pequeño. Además para mantener la proporción de mis fotografías el tamaño debería ser de 45×30.
-¿Sería posible incluir varias galerías diferentes en un único HTML?
Según tengo entendido el Html debe estar en la misma carpeta que los archivos de la galería. Si introduzo una segunda galería en una subcarpeta y en el html modifico la ruta del SWF me sigue apareciendo el que está en la misma carpeta que la página.
Si me puedes decir qué crear y dónde…
Gracias por todo!
Hola Arkaitz :)
Sobre tus dudas…
Mis thumbs tambien son mas grandes que los 45×45 pero no salen. Nunca he intentado modificar su tamaño la verdad, siempre me han parecido bien. Pero no he visto parametro alguno para modificarlos.
Seria una buena opcion para una nueva version de la galeria.
Sobre la segunda duda pues yo tengo dos portafolios pero NO estan uno dentro del otro, estan separados (en carpetas separadas, cada uno con sus respectivos archivos).
Lo que hice es un html “estatico” que es el que carga (http://www.alejandroherrero.com/portafolio/) y luego los links superiores de la galeria/portafolio se cargan dentro de un iframe/ventana dentro del mismo html.
Todo ello del mismo color para que no se note claro.
Espero haberte ayudado minimamente. Si te interesa puedo enviarte por emial mi html y ver como esa realizado.
Un saludo.
Habiendo revisado rutas, modificado y vuelto a restaurar código, subido otra versión de swfobject.js y varios etcéteras el resultado es que al pretender visualizar las fotos, no las muestra. Carga el background pero no la película (incluso en el menú contextual pone “No se cargó la película”).
Por supuesto que en local funciona de maravillas, pero en el servidor remoto no.
Ya revisé la habilitación de HotLinks en el srv y nada.
Tendrás alguna idea al respecto?
Gracias.
Hola Gunnar, sineto decirle que no tengo idea alguna de su caso, puede ir a la pagina oficial a ver si tiene algun foro que pueda ayudarle o directamente tirar de google.
Lo siento, un saludo.
¡Hola! Estaba buscando tutoriales para saber cómo personalizar las galerías de simpleviewer y he llegado aquí. Tengo un par de problemillas y espero que puedas ayudarme…
1. He cambiado el nombre de la galeria.xlm por gpnature.xlm (porque quiero crear distintas galerías fotográficas según el “género”), y cuando quiero ver la realización con el flash player me dice que la galería no ha sido encontrada.
2. Me pregunto si puedo usar un footer y header.inc con php (por lo tanto convertir la página de .xlm a .php) en la galería.
Espero que sea de fácil resolver :S
Gracias de antemano!
ufff muxroom mis conocimientos de flash o php son nulos.
Yo tengo varias galerias pero porque tengo “dos simpleviewer”, vamos que copie dos veces su contenido.
Siento no poderle ayudar :/
Un saludo.
Estoy haciendo una web en flash y tengo insertada una galería de imágenes, concretamente Simple Viewer. Ahora el problema me llega cuando creo otra galería distinta y al presionar el botón para que la cargue me sigue cargando la primera galería.
Las creo en photoshop ¿no hay una solución para poder insertar varias galerías simple viewer en una web flash?
Alejandro, no pasa nada, ya encontré una soluciona con los iframes :)
Laureano, a ver si te sirve: Yo también utilizo varias galerías en mi web (aunque aún estoy en ello), lo que hago para que no pase eso es, p.ej., crear una carpeta que se llame GALERÍAS y dentro varias carpetas con distintos nombres según la galería, p.ej.: /galerías/retratos/index.html o galerías/paisajes/index.html. Si lo cargas de esta forma y lo pones así en el link te saldrá la galería correspondiente ^^
Salut!
De nada.
Asi tengo yo mis portafolios, con dos carpetas totalmente independientes y una simpleviewer en cada una ;)
Un saludo.
Hola,
estoy modificando por completo la web que ahora tengo cargada y llevo dias con el simpleviewer.
Tengo unos botones(todos juntos) hechos en un solo flash.
Lo he cargado como boton Flash en Dreamweaver y luego la galeria de simpleviewer.
Mi problema es que cuando linko al apartado de “beauty” o “fashion”…me sale la misma galeria que cargué para todos los apartados.
He probado lo que habeis escrito por aqui pero no he conseguido nada.
¿que debo hacer? Estoy desesperada.
gracias muxroom !!! funciona joya
Hola de nuevo:
En local todo bien, en el servidor puedo ver todo excepto las imágenes, o sea, el título de la galería, los textos de cada imagen al clickear en el thumb, pero no se ven ni los thumbs ni las imágenes, solo salen cruces.
El gallery.xml tiene esto:
…
imagePath=”"
thumbPath=”">
01.jpg
Comentario foto 01
he probado colocar el camino completo del servidor en el el imagePath y en el thumbPath y nada; también lo hice en el y tampoco.
Por favor, necesito una mano con esto.
Gracias.
Algún software que te genere los thumbs de forma masiva ?
Se que con PS se puede hacer, pero es un lío para quienes no trabajamos con el software ¡¡
O algun software libre para linux que realice estas tareas…
Gracias y Saludos
rectifico la información, veo que el thumbs se genera solo al subir la foto en mabas carpetas, ahora el cuento sería optimizar las img para que sean livianas y no se demore en cargar…
Gracias nuevamente
Yo para mi galeria, no el portafolio, uso este: SPGM Thumbnail Creator.
Es un pequeño programita que hace thumbs muy simple. Poniendo la carpeta de entrada, salida y el tamaño y listo.
Un saludo.
Estoy armando una web en flash y quisiera insertarle esta galeria. No consigo hacerlo.. hay alguna forma de insertar este *.swf dentro del *.fla de mi pagina y que ande???
Mil gracias
Siento no poderle ayudar, mis conocimientos de flash son nulos.
Un saludo.
Hola! mi inquietud y/o duda, es saber como puedo hacer para insertar la galeria simpleviewer dentro de mi pagina web. O sea, los pasos para crear todo ya lo tengo terminado, pero me faltaria poder adaptarla a mi pagina home (ejemplo) para que cuando hago click en el link no se abra el index de la galeria sino que se abra dentro del home…. mmm… un lio mi pregunta no? espero respuesta. muchas gracias! Nelson!
Haa… un claro ejemplo es la pagina de Fernando — >>> http://www.fernandoingunza.com/
Hola! Me trabe en mi galería al querer cambiar la fuente de los comentarios de las fotos. Intente ponerle en Caption y hace que no se vea la foto directamente!!! Hay alguna forma de cambiar eso?? Tipo de letra, tamaño y color?
Gracias
Hola, que tal. Mira, hace días que estoy tratando de hacer algo y no lo logro. Te cuento que recien estoy en la etapa de diseño de la pagina, por lo cual no tengo el dominio y todo lo demas. Estoy trabajando con Dreamweaver. Hice una galeria con Picasa y minishowcase, hasta ahi todo bien. El problema surge cuando quiero que esa galeria este dentro de mi pagina, no en una pagina a parte, o sea, quiero que tenga mi barra de menu, banner y toda la estetica que uso en la pagina, pero no logro hacerlo. En definitiva es lo que pusiste en otro comentario: “Lo que hice es un html “estatico” que es el que carga (http://www.alejandroherrero.com/portafolio/) y luego los links superiores de la galeria/portafolio se cargan dentro de un iframe/ventana dentro del mismo html.
Todo ello del mismo color para que no se note claro.”
eso quiero, que se cargue dentro de mi html. Podrías ayudarme por favor? Ya tenes mi mail, espero tu respuesta. Desde ya te agradezco.
Saludos
Hola Juli:
Hay un comentarista parece que ha respondido a tu pregunta via email al aviso de nuevos comentarios y no en este post. Te pego su respuesta:
———–
Hola.
No recuerdo haber hecho ese comentario. igual te cuento, lo que yo hice fue una galería con Simpleviewer. No se nada sobre picasa o minishowcase. igualmente, para insertar la galería SV en mi pagina, seguí las instrucciones de
http://www.simpleviewer.net/simpleviewer/examples/embedded/
De todas formas, en la versión final de mi pagina (www.ydepostre.com.ar) saqué los frames e hice todo con tablas. Si ves la pagina y te surge alguna duda, no temas en enviarme alguna otra consulta
Saludos
———–
De todas formas te envio lo que yo he hecho y le echas un vistazo, un saludo.
Bueno, muchas gracias por las respuestas, todo me ha servido mucho. Espero seguir avanzando y cualquier cosa volvere a molestarlos con mas dudas.
Gracias y saludos
Hola, gracias por la ayuda la vez pasada, pero necesito otra ayuda, quiero cambiar la fuente de los comentarios para las fotos, ya que no puedo poner tildes ni ñ enhe
saludos y gracias de antemano
Fer
El tema de las Ñ y las tildes creo recordar que es por la codificacion “creo”yo por ahora he estado evitand las tildes y usando NY como Ñ incluso en los nombres de las imagenes.
Si averiguas como, me avisas :)
Un saludo.
buenas.. tengo la siguiente duda. estoy realizando una pag a traves de dreamweaver. mi inconveniente es el siguiente; realizo las modificaciones correspondientes de las descripciones de las fotos pero al momento de visualizar en el explorador no aparece ni la descripcion ni las fotos cargadas anteriormente, pero en la carpeta en donde se encuentra el archivo flash si ocurren estos cambios.
ummm Alvarito, yo nunca he usado el dreamweaver, siento no poderte ayudarte.
Yo siempre he editado el xml directamente con el bloc de notas y listo. Siempre me ha sido mas rapido.
Un saludo y espero que arregles tu duda.
[...] Algunos enlaces interesantes: simpleviewer y picasa Crea tu galería de imagenes Tutorial para dummys [...]
Tengo un problema con el simple viewer, lo edite normal, hice todos los pasos pero cuando lo subo por el FTP no me sale las fotos en la WEb.
el link es http://www.auden.netai.net/fotos
Le agradeceria la ayuda.
Buenas Angel:
La direccion url que pusiste esta incompleta, es: http://auden.netai.net/fotos.html y por otra parte yo veo las fotografias perfectamente.
Un saludo.
hola alejandro ,me gustaria saber si podrias explicarme komo, donde se direccion el link para krear otro simpleviewer,,,?????
gracias por tu ayuda
Buenas andres
En este comentario de ams arriba lo comento: http://www.alejandroherrero.com/wordpress/2008/04/tutorial-para-dummies-de-la-galeria-simpleviewer.html#comment-17659
tengo un pequeño html estatico con link hacia DOS carpetas distintas de simpleviewer, cada una con su contenido.
Es un html que en la parte superior tengo los links hacia los portafolios y en la parte de abajo se cargan.
Si eso te envio el mio y ves como funciona.
alejo mil gracias …..
alejandro una pregunta…komo haces para ke el simpleviewer nuevo kargue en el mismo punto del anterior??????
si abres el index.html con el bloc de notas por ejemplo y buscas esto:
href=”http://www.alejandroherrero.com/portafolio” rel=”nofollow”>Portafolio< / a > [Galeria target="I1" gref="portafolio1/index.html" rel="nofollow">1 | target="I1" href="portafolio2/index.html" rel="nofollow">2< / a > ] (He eliminado algun trozo codigo para que se vea)
Donde pone target=”I1″ ese es el destino del link. En este caso eso es una “ventana” llamada tambien IFRAME que esta debajo del menu superior con los links.
Un saludo.
alejo ,,lo ke me sucede es esto no se sino te komprendi bien …o no explike bien,,mira
kuando tiro el link hacia el swf del otro simpleviewer,y lo miro en el explorer me abre en una pagina nueva pero no me salen las kosas ke tenia en la anterior html.. karga totalmente en uno nuevo…y lo ke kiero es ke kargue en un punto especifico del html komo le hago..ps si me puedes ayudar..
gracias
un saludo
uff me estas liando un poco. Porque no me envias un mail con todos tus archivos (sin fotografias para que pesen poco) y me explicas algo mas simple lo que quieres hacer.
El problema parece que es que cuando apuntas el segundo link a la segunda carpeta del simpleviewer no le dices donde quieres que te lo cargue.
O otro problema es que le dices que te abra el swf y no. Debe abrir el index.html no el flash (el swf).
Lo dicho miralo o me envias un mail.
Un saludo.
alejo,, ps nose kuando dices ke no le digo donde kargue te refieres a ???? si es ke kargue en blank ,self , y eso..o… y lo otro le di en abrir index y igual karga el simpleviewer en un html solo…
cual es tu mail??
gracias
mira la pregunta kreo un poko mas sencilla…
komo le digo ke me kargue el swf en la html ke yo kiero no en una nueva solo el swf,sino en la ke yo kiero kon lo ke ya tengo montada en esa
gracias
Mi email lo sabes porque te mande un e-mail con los archivos de mi portafolio. Enviamelo ahi.
“Cuando dices ke no le digo donde kargue te refieres a ???? si es ke kargue en blank ,self” <— si, creo que era por lo de blank o self y lo del index es que el LINK debe apuntar al html, NUNCA al SWF.
El problema es que el html es el que carga el swf. Mi conocimiento de flash es nulo. Igual no puedes cargar directamente el swf.
Si eso enviamelo y ya lo mirare o investiga por ahi.
Alejo hola kom estas,,,ya solucione el problemilla de ayer,,pero tengo una inkietud kisas me puedas ayudar,,el boton ke trae el simpleviewer para abrir la imagen en una hmtl nueva ai manera de redireccionarlo ???
Gracias
Un saludo
umm yo tengo esa opcion deshabilitada sino me equivoco. No me acuerdo como.
Ya me acuerdo, aqui dentro del gallery.xml, lo abres con un editor de texto, bloc de notas y en enableRightClickOpen=”false” es como lo anulas que salga.
Redirigir ni idea.
y hay alguna manera de hacerlo en otra version?
¿en otra version?, ¿quieres decir de otra forma?. no se, al poner el “false” sale un menu alternativo y evitas abrirla en otra pagina para que te la quiten, la foto.
Lo siento y un saludo.
ALEJO ven y komo se le hace ai para ponerle ke abra el html ke yo kiera??? al lado de true?’ se puede poner el html ke yo kiera?
GRACIAS
Eso no lo se, porque eso de true y false es general para todas las fotografias y no para una exacta.
Siento no poderte ayudar mas.
Buenas noches Alejandro.
Soy diseñador grafico y también he caido en esto del Simpleviewer.
Me he leido todo lo que he encontrado para integrar varios Simpleviewer en mi web Flash y aunque me ha costado dos días ponerlo a punto tras muchos intentos lo he conseguido y porfin funcionan perfectamente 4 Simpleviewer … salvo por un detallín de nada en el que espero puedas orientarme.
La primera vez que se carga la web y se accede a los portfolios no se carga el Simpleviewer de inicio. No obstante si se se elige otro Simpleviewer sí que lo hace y desde entonces todos los Simpleviewer funcionan correctamente.
La dirección es la siguiente:
http://www.amento.info/Flash/Index.html
En la pestaña inferior de “Portfolios”, la primera vez que se abre no carga el Simpleviewer “Gráfico”. Si eliges otro cualquiera (por ejemplo “imagen”) ya se cargan todas correctamente incluida la que fallaba inicialmente “gráfico”.
¿Alguna idea?
Muchas gracias de antemano.
*la dirección web es un direcctorio de pruebas y es temporal. Sólo estará disponible mientras esta consulta esté activa.
Buenas LuisAlf:
La verdad es que mis conocimientos no llegan a flash. Pero si que puedo decirle que als veces, varias, que lo he cargardo y recargado su web siempre se abre la misma, diseño industrial.
No seriua encontes decir que abriera el que usted quiera, ¿grafico como entendi?
Siento no poderle ayudar más.
Un saludo.
Hola de nuevo.
Disculpa pero tienes razón. El primer Simpleviewer en cargar es “industrial” y no “gráfico” (como los llamo 1, 2, 3 y 4 me lié).
El caso es que tan solo querría saber … ¿si la primera ver que entraste en la pestaña “portfolios” te cargó bien el primer Simpleviewer (industrial)?
Por otro lado creo que los tiros van por el script que la gente de Simpleviewer proporciona en su ejemplo Pro (en la versión SimpleviewerPro) y que define el primer Simpleviewer a cargar. Lo revisaré por si se puede retardar o algo así y asegurar la carga.
No te enredo más un cordial saludo y gracias por tu tiempo.
Buenas de nuevo:
Si, al clickar sobre la pestaña de portafolios se cargo el menu de “industrial”, “identidad”, etc y el solito se cargó el de portafolio “industrial” sin tocar nada más que la pestaña de portafolios.
Un saludo.
hola,
sabeis si hay una manera de hacer en simple viewer una galeria con mas de 50 fotos?
gracias,
Yo hace mucho creo que puse mas de 50 y no paso nada. Ahora ya no lo se.
Creo que solo importa en el tiempo de carga.
Un saludo.
No creo que pase nada por que sean 20 o 50 las imágenes a mostrar. Como bien te han dicho se resentirá el tiempo de carga total pero este visor no se bloquea mientras se cargan las primeras así que pueden ir viendo material mientras tanto.
Ahora eso sí, hazlo con el script para Photoshop para ahorrar muuuucho tiempo.
lo hice en photoshop y ahora mirando el gallery.xml que me genera vá hasta la ultima foto. o sea, he creado una galeria con mas de 50 fotos y me sale esto en la ultima linea:
-
hc_interv57.jpg
no hay una manera de burlar eso en el dreamweaver?
gracias,
perdona, era eso que queria mostrar
-
hc_interv57.jpg
Buenas tardes,
estoy usando simpleviewer para una galería de fotografías y pese a modificar el código y colocado bien las miniaturas en “thumbs” y las fotografias en otra carpeta llamada “ilustraciones” siguen sin aparecerme.
¿Alguien sabe decirme como puedo hacer que aparezcan todas las que quiero?
Buenas Marta
Abre el gallery.xml y mira este codigo por arriba:
- imagePath=”imagenes/”
- thumbPath=”thumbs/”
Lo que este entre “” (imagenes y thumbs en este caso. Esto creo que lo cambie yo a mi gusto), asi deben llamarse las carpetas de tus imagenes.
Es la unica cosa que se me ocurre.
Un saludo.
Hola:
No se si me podras ayudar; yo el simpleviewer le uso con Picasa, y cuando creo una galeria, solo me deja poner las 50 primeras fotos.
Es posible hacer que entren más¿?
Graciasss
Buenas yo nunca he puesto mas de 50 la verdad. no se si en la actualidad se puede.
Un saludo.