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!
13 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,