http://slideshow.triptracker.net/slide.js
Librería escrita en java script que permite crear un album de fotografías para la web.Se pueden añadir fotos, configurar la posición de los comentarios para las fotos, el tiempo entre las transiciones, la apariencia de la presentación, enviar las fotografías por correo electrónico, etc.
Para utilizar esta librería, introduzcan este script en la cabecera (meta) de su pagina web:
<script type="text/javascript"
src="http://slideshow.triptracker.net/slide.js"></script>
<script type="text/javascript">
<!--
var viewer = new PhotoViewer();
viewer.add('http://farm4.static.flickr.com/3656/3327512910_267f1e22b2.jpg', 'díganme si no es bella...','','');
viewer.add('http://farm4.static.flickr.com/3642/3620099992_28c459db4d.jpg');
viewer.add('http://upload.wikimedia.org/wikipedia/commons/a/a8/Megan_Fox_4.jpg');
//--></script>
en el body pueden usar este código para activar el slide;
<a href="javascript:void(viewer.show(0))">Slideshow</a>
aqui pueden ver el ejemplo
Para hacer que las fotos empiecen a deslizarse:
viewer.enableAutoPlay();
Para definir el tiempo que tardará cada foto en pasar:
viewer.setSlideDuration(3000);
Si queremos que las fotos salgan en orden aleatorio:
viewer.randomize();
Para que las imágenes se repitan una y otra y otra vez...
viewer.enableLoop();
sino :
viewer.disableLoop();
Para configurar el color de fondo (el color de fondo debe estar en formato css, por ejemplo #000000):
viewer.setBackgroundColor(color); Si quieres quitarle el borde a las fotos (por defecto este valor está en 5):
viewer.setBorderWidth(0);si no quieres que se vea oscuro el fondo:
viewer.enableShade();
para cambiar el color de la oscuridad del fondo (no te olvides que hay que poner el color en este formato "#000000");
viewer.setShadeColor(color);Puedes decirle cuan opaco quieres que esté el fondo (puede ir desde 0.0 hasta 1.0 , por defecto está en 0.7):
viewer.setShadeOpacity(opacity);Para cambiarle la letra:
viewer.setFont(font);
y el tamaño de la letra (por defecto está en 10):
viewer.setFontSize(size);
Mas configuraciones en esta dirección, para visitar la pagina de esta librería, haz clic aqui.
La direccion del .js es http://slideshow.triptracker.net/slide.js
