Bueno, tras la alegrÃa de saber que España jugará la final de la Eurocopa, lo prometido es deuda. Hoy voy a dar unas nociones básicas (realmente no hace falta más) sobre cómo instalar el visor de imágenes en flash Tiltviewer, con un atractivo efecto 3D.
Tiltviewer es una aplicación desarrollada por los cracks de Airtight Interactive, que además de este visor han desarrollado otros como Simpleviewer, el cual ya conocÃa y habÃa utilizado en otras webs. Lo podemos descargar de forma gratuita e instalar en nuestra website o blog, con la única “pega” de que tiene un enlace a la web de los creadores. Existe también una versión pro que además de no tener este enlace, añade alguna funcionalidad.
Instalación (para flickr):
Antes de nada, descargamos el archivo (180 KB) y lo descomprimimos en una carpeta de nuestro equipo (tenemos un par de html’s, el .swf que es el visor en flash, y el .js que es el cargador del flash). Ahora debemos elegir si queremos usar una galerÃa de flickr, de Picasa, o bien una galerÃa propia en nuestro servidor. Yo me decanto por flickr (que cada vez más me alegro de haberlo elegido como soporte para colgar las imágenes de mi blog).
Editamos el archivo “index.html” (podemos renombrarlo), para incluir las siguientes opciones:
- fo.addVariable(“useFlickr”, “true”);
Con esto estamos diciendo que vamos a usar nuestras fotos de flickr - fo.addVariable(“user_id”, 48508968@N00);
Aquà estamos indicando nuestra ID de flickr, la cuál podemos averiguar en esta página. - fo.addVariable(“tags”, “hogueras 2008″);
Aquà estamos indicando las tags que queremos usar, es decir, estamos eligiendo las fotos a mostrar en la galerÃa por sus tags. - columns y rows: indican el número de filas y columnas que tendrá la galerÃa
Y ya está! Asà de sencillo. Subimos la carpeta a nuestro servidor web, y entramos en ella a través de nuestro navegador. Por ejemplo escribiendo: linkalicante.com/tiltviewer.
Podemos también ver la referencia completa de las opciones a configurar en esta página.
Además os recomiendo que no os perdáis los otros visores de estos genios del “flash“:
- PostcardViewer. Parecido al tiltviewer, pero sin “efecto 3d”.
- SimpleViewer. Algo más serio, pero muy práctico.
- AutoViewer. Muy, muy currado también.
Ninguno de ellos tiene desperdicio, y ofrecen infinidad de posibilidades a la hora de mostrar nuestras imágenes de una forma más original y divertida. Yo de momento lo he usado para mis fotos de las Hogueras 2008. Pruébalos!
19 Comentarios
Prognatis
27 junio 2008 @ 16:37 #
El efecto es genial. Es un visor de imágenes muy interesante.
mal
9 julio 2008 @ 03:58 #
como pedagogo te mueres de hambre…
LinkAlicante
9 julio 2008 @ 07:13 #
Pues menos mal que no me dediqué a ello profesionalmente…
ZoLdO
15 enero 2009 @ 02:22 #
Oie LinkAlicante, Disculpa no Se que hacer, He estado buscando esto Hace Muchooooo Tiempo!, Pero no se como instalarlo, Edito el index.html , Pero y despues que HAGO
, No se que hacerrr me ayudarias un monto si me pudieras ayudar enviame un Mail a Registrodecorreos@live.cl, Y asi poder Ayudarme 
, Saludos.
Lucas
15 marzo 2009 @ 01:15 #
Muy didáctico tu post. Hace tiempo venÃa lidiando con al versión Pro de esta galerÃa para el sitio de un fotográfo que estoy armando y me resultó muy sencilla tu publicación.
Saluds
Lucas
David
8 abril 2009 @ 15:26 #
Hola,
gracias por la explicación. Está muy bien para Flickr, pero cómo podrÃa usarlo con el Picasa? Ya tengo todas mis fotos subidas en google…
Saludos,
David
Juan Carlos
28 abril 2009 @ 15:23 #
Hola, excelente efecto, mil gracias, pero quisiera saber como le cambio el fondo negro, veo que depende del archivo .swf.
de nuevo mil gracias.
Negro
15 julio 2009 @ 21:58 #
Resulta que estoy intentando subir unas imagenes ya montadas en flickr, sigo todos los procedimientos y nada… veo solamente el fondo negro. Le di vueltas, y no consigo montar el albun de flickr. Bueno…la pregunta es…hay otra alternativa para subir un albun de tiltviewer???si yo ya lo tengo armado en mi maquina… donde se puede postear el archivo index para que lo pueda compartir????
gracias
db
Tierras Paraguayas
27 enero 2010 @ 18:08 #
Oi LinkAlicante, ya edite el archivo html del index que descargue desde aqui, pero luego no ntiendo como hago para subir la carpeta al servidor, osea no ntiendo a que te refieres…
En fin no se como hacer para que aparesca en el blog..
si ere tan amable en contestarme en mi correO, esta es mi direccion:
enoc030693@hotmail.com
o comO tambien puedes contestarme aqui..
desde ya gracias…y que Dios te Bendiga
Desde Paraguay, Enoc…!!
Luis
1 febrero 2010 @ 05:45 #
Hola, cómo has hecho para que se pueda ver la carpeta del tiltviewer dentro de un WordPress? Quiero decir, el htaccess del WP impide ver otras carpetas que no sean las del mismo WP.
fer
2 febrero 2010 @ 01:10 #
LuÃs: WP no te bloquea el acceso a un archivo si éste existe fÃsicamente (como es mi caso). Se trata de subir un archivo html y enlazarlo desde el blog.
Saludos
Ivan
2 marzo 2010 @ 18:39 #
Como le quito esa flecha del costado derecho?????? gracias.
Ivan
2 marzo 2010 @ 18:43 #
Ya lo hice
ahora como hago el la pelicula transparente, osea “wmode transparent” para colocarlo sobre un fondo distinto…. saludos,
hamilton
3 septiembre 2010 @ 20:38 #
amigo, desde nicaragua mis más cordiales saludos, mirá , veo q no sólo yo tngo la misma duda, ayudame porfa… resulta q hago hasta donde me dices, pero como hago para subirlo a mi blogspot.. ?????
fer
15 septiembre 2010 @ 18:41 #
@ivan: echa un vistazo a la documentación, se trata de añadir el parámetro wmode=transparent
@hamilton: no estoy seguro de que se pueda usar en blogspot…
Daniel
12 agosto 2011 @ 01:21 #
Hola por favor ayúdanos con esto del servidor web…si sabes
Daniel
12 agosto 2011 @ 01:27 #
Por favor ayúdanos con esto del servidor web sipp…o si no sabes dinoslo
José Enrique
30 septiembre 2011 @ 19:41 #
Buenas tardes.
No soy un experto en esto y me lleva mucho tiempo de pelea.
PodrÃas aclararme que tengo que hacer para “subir la carpeta a mi servidor web”, yo lo que tengo es un blog y me gustarÃa poner fotos de esa manera. Todas las demás instrucciones las he seguido al pie de la letra, pero ahora ya no se seguir.
Gracias de antemano, José Enrique
diego garcia
27 octubre 2011 @ 05:07 #
Hola, muy interesante el post.. me gustaria saber como hacer para q funcione con fotos de mi pagina web.. osea desde una carpeta de mi pagina web personal.. desde ya muchas gracias