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>
<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.

Advertisement

Etiquetas: , ,

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

  1. mario Dice:

    se puede usar en falsh? y como?

    Gracias

  2. nerohc Dice:

    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

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s


Seguir

Get every new post delivered to your Inbox.