Top jQuery Ligthbox

10 jul 2009

0 comentarios

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

jQuery Lightbox Plugin

Jquery Lightbox

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

Shadowbox

shadowbox

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

Thickbox

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

Imagebox

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

Compartir:

Tags: lightbox

Novedades

PHP: Convertir fecha MySQL a fecha Unix

Si tenemos una determinada fecha de nuestra base de datos mysql con el formato DATE (000-00-00) año-mes-dia, y la queremos convertir en formato unix (en un string) lo podemos hacer con esta simple función que utiliza basicamente la función strtoti...

Jquery: Ocultar popup pasados varios segundos

Si queremos que un elemento de nuestra página desaparezca una vez pasados X segundos... Este ejemplo es bastante útil por ejemplo, para hacer desaparecer un popup, banner de publicidad, foto, etc... Para ello utilizamos la librería jQuery, y su...

jQuery: buscar y reemplazar

Una de las funciones más interesantes de jQuery es la función replace(), con la que podemos encontrar un determinado elemento en documento web y reemplazarlo por otro. Un ejemplo simple. Vamos a buscar en todo el body de la página todas las pal...

WordPress: añadir campo excerpt a las páginas

Ya sabemos que el campo excerpt esta por defecto solo en los post o entradas del administrador de wordpress, pero y si queremos utilizarlo por ejemplo en las páginas... Insertar el campo excerpt en páginas es muy simple, abrimos nuestro archivo ...

MySQL: Sumar todos los valores de un campo

La función SUM(X) de mysql suma todos los valores de la misma columna de una determinada tabla/s, tomando solo los registros que cumplan con los requisitos del WHERE por ejemplo : Por ejemplo, tenemos una tabla que guarda los votos de los usuario...

DNS de dominio y el archivo host

El archivo host es un archivo sin extensión, que utiliza nuestro sistema operativo para guardar la correspondencia entre dominios de Internet y direcciones IP. Al grano, puede que necesitemos editar este archivo cuando por ejemplo hagamos un camb...

Jquery: rollover fade background

Vamos a ver un bonito efecto de rollover en jQuery sobre un div aplicando un efecto fade en el color de fondo (background) de ese elemento. Para ello utilizamos la funcion animate: $(document).ready(function(){ $(".caja_fade").hover(funct...

Listado de colores html compatibles

Os muestro un listado de colores html junto a sus nombres y codigos hexadecimal. Son colores compatibles con los principales navegadores web. Estos nombres de colores los podemos utilizar en nuestro CSS en lugar del codigo hexadecimal, introducien...

Función php: convertir direcciones url en enlaces

Una función muy sencilla que nos será de utilidad cuando queramos convertir automaticamente todas las direcciones url (que comiencen por http) en hiperenlaces. Para ello utilizamos expresiones irregulares junto con la función preg_replace de php. ...

Obtener cadena resultante entre 2 palabras

Vamos a crear una función en php para obtener la cadena de texto comprendida entre otras 2 palabras o cadenas de texto (inicio, fín). Utilizaremos la función explode para dividir en 2 partes la cadena y obtener así la cadena resultante comprendid...

Bufa Webmaster