TripTracker Slideshow: una galería de imágenes instantanea

En esta profesión, donde los clientes nos contratan porque no tienen idea de como hacer las aplicaciones o sitios que necesitan, es muy facil sorprenderlos con muy poco. Un claro ejemplo de esto es el TripTracker Slideshow, una libreria Javascript para crear galerias de imagenes muy vistosas, amigables, y personalizables. Cuenta con dos versiones: una gratuita, que viene con un pequeño link al sitio de TripTracker, y una paga para sitios comerciales. Ofrecen una licencia de 25 U$D y 500 U$D.

Con este simple código podrán insertar una galería de imagenes en cualquier sitio. No depende de ningún framework, como jQuery o Prototype, lo que lo hace muy liviano, no requiere scripts del lado del servidor, como PHP.

Ejemplo:

<script type=”text/javascript” src=”http://slideshow.triptracker.net/slide.js”></script&gt;
<script type=”text/javascript”>
var viewer = new PhotoViewer();
viewer.add(‘/photos/my-photo-1.jpg’);
viewer.add(‘/photos/my-photo-2.jpg’);
viewer.add(‘/photos/my-photo-3.jpg’);
</script>
<a href=”javascript:viewer.show(0)”>Slideshow</a>

Pueden ver el ejemplo funcionando en la pagina de TripTracker Slideshow, y la documentación.

About these ads

Etiquetas: , ,

2 comentarios to “TripTracker Slideshow: una galería de imágenes instantanea”

  1. mario Says:

    se puede usar en falsh? y como?

    Gracias

  2. nerohc Says:

    tecnicamente lo podes usar desde flash, ya que desde flash podes invocar JS. Podrias, en el actionscript del frame donde se crea la galeria, hacer el seteo de las imagenes:

    getURL(“javascript:var viewer = new PhotoViewer();”);

    y despues loopear por las fotos de la galeria ejecutando:

    getURL(“javascript:viewer.add(’/photos/my-photo-1.jpg’);”);

    Ahora tenes 2 opciones:
    1. Suponiendo que vas a mostrar thumbnails de cada imagen en tu swf, en el onclick de cada imagen de la galeria:

    getURL(“javascript:viewer.show([numero de foto])”);

    2. Si vas a tener un link para abrir la galeria:

    getURL(“javascript:viewer.show(0)”);
    Ese cero lo podes cambiar por el numero de foto que queres que arranque.

    En si mismo para las dos opciones usas el mismo codigo.

    Destaco que no probe nada de lo que estoy poniendo aca, es simplemente para darte una mano, no se demasiado de flash.
    Por otro lado, no se si habra alguna incompatibilidad entre flash y la galeria esta. Me paso de tener un menu desplegable echo con JS, y un banner en flash, y que cuando desplegas el menu, el flash lo tapa. Creo que se arreglaba poniendo algun parametro del en transparent, no me acuerdo bien. Pero asi como surgio esto podrian surgir otros problemas.

    Espero que te sirva.

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

%d personas les gusta esto: