TripTracker es un visor de fotos al estilo de ligthbox, con una botonera en el pie para controlar el slide de fotos. Ademas, muestra las fotos automaticamente con un leve movimiento lateral que lo hace muy atractivo. Es un excelente y muy poco intrusivo foto viewer.

Para instalarlo:

1.- Descargar el archivo slide.js aqui:: slider

2.- El script descargado en el punto 1, debes guardarlo en una carpeta llamada ‘js’. Luego colocar las siguientes lineas en el HTML de la pagina donde lo quieras instalar::

Observa que el objeto viewer dispone de un metodo llamado ‘add’ donde podes incluir las fotos de la galeria. Si las fotos las administras desde un backend con php las lineas serian::

Donde $res tiene el resultado de la consulta sql de la tabla que contiene las fotos (‘src’ es el campo que contiene el nombre del archivo) y $pathtofoto contiene el path al directorio del repo donde residen las fotos

3.- Por ultimo, colocamos un enlace que dispara el viewer ::

Slideshow

Si colocamos el anclaje en las fotos tendriamos el slide de cada foto asi::

Cada foto tiene un subindice y el metodo show mostrara el slide a partir de dicha foto.

Pagina del autor y ejemplos

http://slideshow.triptracker.net/