Lightbox++, una versión modificada de Lightbox

lightbox.jpg

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:
  1. <script src="js/prototype.js" type="text/javascript"></script>
  2. <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
  3. <script src="js/lightbox++.js" type="text/javascript"></script>
  4. <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:
  1. <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:
  1. <a href="images/image-1.jpg" rel="lightbox[group]">Imagen 1</a>
  2. <a href="images/image-2.jpg" rel="lightbox[group]">Imagen 2</a>
  3. <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:
  1. <a href="movies/mymovie.swf" rel="lightbox" width="500" height="450">Mi pelicula</a>

Ver demo funcionando
Descargar Lightbox++
Autor codefidelity

  1. User Gravatar

    University Update - AJAX - Lightbox++, una versión modificada de Lightbox said,

    Wrote on July 6, 2007 @ 6:51

    [...] Link to Article ajax Lightbox++, una versión modificada de Lightbox » Posted at Xyberneticos [...]

  2. User Gravatar

    Lightbox++, Lightbox2 con soporte para peliculas Flash « Quest’s Blog said,

    Wrote on July 6, 2007 @ 12:11

    [...] Xiberneticos Lightbox con soporte flash: CodeFidelity.com Lightbox con soporte iframe o ajax: [...]

  3. User Gravatar

    Dr._Vector said,

    Wrote on July 20, 2007 @ 16:50

    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!

  4. User Gravatar

    Lightbox++, Lightbox2 con soporte para peliculas Flash said,

    Wrote on August 2, 2007 @ 12:29

    [...] Xiberneticos Lightbox con soporte flash: CodeFidelity.com Lightbox con soporte iframe o ajax: [...]

  5. User Gravatar

    CleanYourAss!!** said,

    Wrote on August 19, 2007 @ 5:36

    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

  6. User Gravatar

    Fernando said,

    Wrote on November 26, 2007 @ 3:04

    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.

  7. User Gravatar

    Hieluki said,

    Wrote on January 8, 2008 @ 16:04

    Como puedo hacer para ponerlo dentro de algun contenido en joomla?? Gracias

  8. User Gravatar

    Mauro Garcia said,

    Wrote on May 13, 2008 @ 11:13

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

  9. User Gravatar

    matias said,

    Wrote on May 14, 2008 @ 6:18

    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

Seguir comentarios por RSS · TrackBack URI

Nombre: (Necesario)

E-mail: (Necesario)

Website:

Comment: