Es otra forma de mostrar imágenes. En Flash y 3D.
Resulta muy original y se puede usar con imágenes propias o imágenes de Flickr, p.e.: yo he optado por esto último en mi GALERIA, a la que podéis acceder también picando en "Galería Flickr" de mi BLOG DE PRUEBAS DE IMAGE MENU
Podéis picar en las imágenes para acercarlas, y en el circulito con flecha que véis en cada una de ellas, para girarla y ver en el dorso el título de la foto y quién la tomó. Para devolver la foto a su lugar, picad nuevamente sobre ella. No os molestéis en picar en el círculo con flecha del pie de la gaería... porque es para hacer "salir" más fotos: como no tengo ninguna más que las que véis, lo que sucede es que la pantalla se cierra y queda en negro.
Tengo que decir que me ha resultado fastidiadísimo el encontrar el TiltViewer Pro para descargármelo... tanto que os aconsejo que os guardéis mi URL para posteriormente subirla a vuestro servidor: resultará más fácil que si os quemáis las pestañas intentando averigüar donde guarda el download airtight
Desde ya insisto: si no tenéis Flash, olvidáos de ver y ejecutar este hack.
Así se hace:
.- SCRIPT:
Necesitáis el Swfobject
<script src='http://junioscripts.googlepages.com/Swfobject.js' type='text/javascript'/>
.- Ahora, el HTML, ensamblando el objeto y las variables que nos interesa mostrar (aconsejo que echéis un ojo a la página original), p.e. si queremos etiquetas, id de usuario o fotos de grupo; zoom, títulos de las fotos, por quien han sido tomadas, colores... etc.
<div id='flashcontent'>Gallery requires the latest Flash player. <a href='http://www.macromedia.com/go/getflashplayer/'>Get Flash here.</a> If you have Flash installed, <a href='index.html?detectflash=false'>click to view</a>.</div>
<script type='text/javascript'>
var fo = new SWFObject("http://junioscripts.googlepages.com/TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");
fo.addVariable('user_id', 'IDUSUARIO');
//fo.addVariable('tags', 'TAG,TAG');
//fo.addVariable('tag_mode', 'all');
//fo.addVariable('columns', '5');
//fo.addVariable('rows', '5');
//fo.addVariable('linkLabel', 'This is the Link text');
//fo.addVariable('showLinkButton', 'true');
//fo.addVariable('showTakenByText', 'true');
//fo.addVariable('zoomedInDistance', '1400');
//fo.addVariable('zoomedOutDistance', '7500');
//fo.addVariable('fontName', 'Arial');
//fo.addVariable('titleFontSize', '50');
//fo.addVariable('descriptionFontSize', '20');
//fo.addVariable('linkFontSize', '40');
fo.addVariable('textColor', '0xffffff');
fo.addVariable('linkTextColor', '0x5F5987');
fo.addVariable('linkBkgndColor', '0x000000');
fo.addVariable('frameColor', '0x000000');
fo.addVariable('backColor', '0x000000');
fo.addVariable('bkgndInnerColor', '0x000000');
fo.addVariable('bkgndOuterColor', '0x000000');
//
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
Y lo dicho: si no encontráis forma humana de bajaros el "pro" directamente, lo más fácil es que abráis mi galería (http://junioscripts.googlepages.com/TiltViewer.swf) , la guardéis y la subáis a vuestro servidor para sustituir mi URL (es que si yo me quedo sin galería por cualquier causa... al tener vosotros mi dirección... perdéis la vuestra. Que no digan que no aviso).
La verdad es que queda pero que muy original. Y he encontrado cientos de páginas que hablanan de ello, pero... ni una sola (ni en español, ni en inglés, ni en japonés... nada) que mostrara su propia demo... lo que me invita a sospechar que no he sido la única en tener dificultades; pero sí la única en "atreverme" a efectuar mi propia demo (viene bien, de vez en cuando, ser obstinada, je)
pd: En IE7 no se ve más que el círculo flechado del pie de la galería. Cuando hay más fotos (no como en mi caso, que tengo cuatro mal contadas) al picar en el círculo ya comienza a a aparecer la galería.
Muy espectacular! también había visto por ahí, creo que con Mootools? una galería en que se arrastraban y se reordenaban las fotos sobre una mesa, solo que no consigo encontrarla ahora... pero esta es mucho más dinámica!!
ResponderEliminarPor cierto moord (la extensión de mootools) se ha remodelado por completo y trabaja con 1.1 y también darán soporte a 1.2
http://www.moord.it/examples/
Una de sus cosas que más me gustan son los scrolls con efectos elásticos y demás, y también están bien los indices.
Queda guapa, sí... lo malo es que tenga que ser en Flash: seguro que mucha gente se queda sin verla. En fín...
ResponderEliminarHace tiempo que COnozco moord y, la verdad... es que no me parece que hayan inventado nada... todo lo que veo ya ha sido tratado por Mootools
(Igual es que hoy me pillas desganada... estoy muy vaga, jajjaaa)
genial
ResponderEliminarhace ya tiempo encontre esta utilidad pero la verdad nunca pude configurarla para su uso en internet grax
Me alegro mucho :D Manuel.
ResponderEliminarUn saludo
me gustaria saber si hay opciones de agregarle un link a las imagenes?
ResponderEliminarFíjate que todas las imágenes llevan un link a la página de Flickr donde se encuentran.
ResponderEliminarAl tratarse de un hack para Flickr, con variables de ID de usuario y tags de tus imágenes de Flickr, para elegir las que quieres mostrar, tendrías que encontrar otro hack para desplegar cualquier tiipo de imágenes, no sólo las que tengas en Flickr... es que estaríamos hablando de otro tipo de necesidad, de otro tipo de hack... lo lógico es que si se trata de un hack de Flickr para Flickr, los enlaces-links sean de Flickr... A menos que no quieras mostrar las tuyas, sino de las de un grupo de usuarios: entonces tendrías que modificar los scripts para introducir la ID del grupo que te interesa mostrar, así como las tags de las imágenes que te interesa enseñar.
Excelente, me funcionó perfecto. Yo no uso Flickr, sino una galería xml.
ResponderEliminarfo.addVariable('useFlickr', 'false');
fo.addVariable('xmlURL', 'gallery.xml');
Muchas gracias.
Me alegro, Juan Carlos :D Seguro que te ha quedado espectacular.
ResponderEliminarUn saludo.
Hola junio. He creado mi galeria con tiltviewer pero no sé que he de hacer para subirla a internet y tener mi URL. Me he metido en google sites para crear mi página en internet pero no sé como subir mi galería tiltviewer!! me puedes ayudar? Gracias de antemano y un saludo
ResponderEliminarHola, Kris:
ResponderEliminarPerdona tanto retraso en la respuesta ...
¿Por qué no subes tu galería a Blogger?. Con ella tendrías una Url y ningún problema para que te quede estupenda ... tan sólo tendrías que colocar el html entre la apertura de Body y el cierre, sin más; o crear una página estática en tu blog con la llamada a la galería, así podrías integrarla ahí mismo ... :)