colorbox

=Colorbox=


 * Es un jQuery Plugin del tipo lightbox (muestra imágenes en una pantalla modal)
 * @http://colorpowered.com/colorbox/
 * Tutorial en el manual jQuery For Dummies
 * Versión marzo 2011


 * Copiar **jquery.colorbox-min.js** a la carpeta de scripts
 * Copiar **colorbox.css** de un ejemplo en la carpeta de estilos
 * también la carpeta **images** asociada
 * En la página poner los enlaces al Script y al Css

code format="html4strict"  ">
 * Ejemplo de tener este lightbox para cada imagen puesta en el Carousel**

 jQuery(document).ready(function {        jQuery('#mycarousel').jcarousel({ });   jQuery('a.lightbox').colorbox( {current: "imagen {current} de {total}"} ); });

   

code

Opciones
code defaults = { transition: "elastic", speed: 300, width: false, initialWidth: "600", innerWidth: false, maxWidth: false, height: false, initialHeight: "450", innerHeight: false, maxHeight: false, scalePhotos: true, scrolling: true, inline: false, html: false, iframe: false, fastIframe: true, photo: false, href: false, title: false, rel: false, opacity: 0.9, preloading: true, current: "image {current} of {total}", previous: "previous", next: "next", close: "close", open: false, returnFocus: true, loop: true, slideshow: false, slideshowAuto: true, slideshowSpeed: 2500, slideshowStart: "start slideshow", slideshowStop: "stop slideshow", onOpen: false, onLoad: false, onComplete: false, onCleanup: false, onClosed: false, overlayClose: true, escKey: true, arrowKey: true } code
 * para que aparezca un título en la foto, poner title= en el tag 
 * Para que aparezca una secuencia para adelante y atrás, agrupar los tags
 * saldrá además 'image n of m'
 * Los valores por defecto están en el js, y pueden modificarse al arrancar