jQuery Colorbox (al cargar la página)

Jorge Maiden — Sat, 05 Nov 2011 11:00:15 +0000

Método para cargar al inicio un lightbox, es decir, que nada más cargar la página (onload) se abra el lightbox que queramos (sin necesidad de hacer click en ningún elemento).

Utiliza este script si estas usando el plugin colorbox para tus lightbox o ventanas emergentes.

Utilizamos las propiedades “open” para abrir el lightbox al instante de cargar y “href” donde indicaremos el archivo que queremos abrir dentro.

Un ejemplo para cargar una determinada página html al inicio:

$(document).ready(function() {
$.fn.colorbox({ iframe:true, width:"500", height:"300", href:"midirectorio/index.html", open:true });
});

Top jQuery Ligthbox

Jorge Maiden — Fri, 10 Jul 2009 18:48:05 +0000

Vamos a ver la colección de los mejores efectos de lightbox utilizando el framework jQuery.

jQuery Lightbox Plugin

Soporte: imágenes
Demo: http://leandrovieira.com/projects/jquery/lightbox/

Shadowbox

Soporte: imágenes, HTML, iFrame, AJAX, Flash, Video
Demo: http://www.shadowbox-js.com/index.html

Thickbox

Soporte: imágenes, HTML, iFrame, AJAX
Demo: http://jquery.com/demo/thickbox/

PiroBox

Soporte: Imágenes
Demo: http://www.pirolab.it/pirobox/

PrettyPhoto

Soporte: imágenes, HTML, iFrame, AJAX, Flash, Video
Demo: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

Fancybox

Soporte: imágenes, HTML, iFrame, AJAX
Demo: http://fancy.klade.lv/example

Facebox

Soporte: imágenes, HTML, AJAX
Demo: http://famspam.com/facebox

NyroModal

Soporte: imágenes, HTML, iFrame, AJAX, Flash, Video
Demo: http://nyromodal.nyrodev.com/

Interface Imagebox

Soporte: Imágenes
Demo: http://www.intelliance.fr/jquery/imagebox/

Bufa Webmaster » lightbox