Lightbox++ es una versión modificada del ya conocido Lightbox que no sólo conserva originalmente la funcionalidad de Lightbox, sino que también nos permití introducir películas flash. Podrán ver los demos funcionando aquí.
Instalar Lightbox++ es prácticamente igual que instalar el tradicional Lightbox, solo que agregando un par de códigos más.
- Primero descargaremos nuestro Lightbox++
- Lo alojaremos en nuestro servidor.
- Sabiendo bien la ruta donde hemos alojado nuestras librerias haremos la llamada a ellos introduciendo en nuestro < Header > lo siguiente:
JAVA:
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
Si deseas utilizar el efecto de Lightbox++ en una sola imagen a la hora de escribir tus artículos lo haremos de la siguiente manera:
HTML:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">Imagen 1</a>
Si deseas utilizar el efecto de Lightbox++ en un grupo de imágenes lo harás de esta manera:
HTML:
<a href="images/image-1.jpg" rel="lightbox[group]">Imagen 1</a>
<a href="images/image-2.jpg" rel="lightbox[group]">Imagen 2</a>
<a href="images/image-3.jpg" rel="lightbox[group]">Imagen 3</a>
<a href="images/image-2.jpg" rel="lightbox[group]">Imagen 2</a>
<a href="images/image-3.jpg" rel="lightbox[group]">Imagen 3</a>
Y por ultimo cuando quieras darle este efecto a un vídeo flash lo harás así:
HTML:
<a href="movies/mymovie.swf" rel="lightbox" width="500" height="450">Mi pelicula</a>
Ver demo funcionando
Descargar Lightbox++
Autor codefidelity
Loading ...
University Update - AJAX - Lightbox++, una versión modificada de Lightbox
06-07-2007
Permalink
[...] Link to Article ajax Lightbox++, una versión modificada de Lightbox » Posted at Xyberneticos [...]
Lightbox++, Lightbox2 con soporte para peliculas Flash « Quest’s Blog
06-07-2007
Permalink
[...] Xiberneticos Lightbox con soporte flash: CodeFidelity.com Lightbox con soporte iframe o ajax: [...]
Dr._Vector
06-07-2007
Permalink
Hola, quiero hacer un sitio pero con dos bloques de links, las cuales tanto como thumbnail e imagen de destino esta alojadas en distintas carpetas. El drama es que el browser de igual forma cree que están juntas y suma las cantidades de las dos carpetas...(o sea cuando llega a la ultima imagen de la seccion 1 en vez de detenerse pasa a la otra sección)...esto a que se debe?....y como se podria solucionar?
Muchas gracias!
Lightbox++, Lightbox2 con soporte para peliculas Flash
06-07-2007
Permalink
[...] Xiberneticos Lightbox con soporte flash: CodeFidelity.com Lightbox con soporte iframe o ajax: [...]
CleanYourAss!!**
06-07-2007
Permalink
Hola no se en que carpetas debo subir los archivos que baje debido a que no viene ningun archivo php,,, donde los subo?? gracias saludos
Fernando
06-07-2007
Permalink
Estimados. Alguien sabe como llamar a LightBox desde Flash para que muestre varias imagenes?. Hasta ahora he encontrado tutoriales que muestran como visualizar pero tan solo una imágen. (Si es utilizando SWFObject, mucho mejor). Desde ya, muchas gracias.
Hieluki
06-07-2007
Permalink
Como puedo hacer para ponerlo dentro de algun contenido en joomla?? Gracias
Mauro Garcia
06-07-2007
Permalink
Como puedo hacer para controlar el tamaño de la imagen por que hay algunas que si bien se muestran de tamaño original, otras las agranda y se salen de la pantalla mi intención seria darles un tamaño máximo que no se supere dentro del Lightbox++
matias
06-07-2007
Permalink
weanassss, tengo un lio barbaro en mi cabeza, les cuento, estoy haciendo un sitio totalmente en flash ( con level) o sea la pag. principal que esta en el index, y cliqueando en la botonera llama a otro pag.(level2) en donde a aparecen las fotos que quiero que tengan el lightbox, ahora como se hace, si influye que tenga level?, estoy mirando varias web de este tipo (de ayuda) y no encontre ningún ejemplo como lo mío( espero no no se entienda mal).
bueno espero que me tiren un cable a ver si termina bien…
salu2
Juan Carlos
06-07-2007
Permalink
mi problema es que estoy haciendo la fusion de flash + lightbox y funciona mas o menos bien por que el problema es que al dar click a la imagen que quiero mostrar en el lightbox queda debajo del flash y no se ve bien como hago para solucionar esto que aparesca encima y no abajo ?
Adrián
06-07-2007
Permalink
Si el link está en iframe, al abrirlo se oscurece la pantalla y se abre la foto en el iframe, como puedo hacer para que lo haga en toda la pantalla?