Lightbox nos permite enlazar a imágenes sin salir de una web
Lightbox es un script de fácil instalación que nos permite enlazar desde nuestros sitios web a imágenes sin tener que abrir ventanas o pestañas del explorador. Para ello presionamos sobre un enlace en concreto, se nos oscurecerá la web y nos saldrá en primer plano la imagen. Despues, presionamos la imagen y volvemos a la web en primer plano.
Muy útil para no tener que abrir pestañas o ventanas del navegador, haciendo la navegación por el sitio web más atractiva ya que en el sitio del creador nos da las herramientas y las instrucciones correspondientes para insertarlos en nuestra web. Yo ya lo tengo instalado en mi wordpress personal y funciona:
- Insertar el script en tu cabecera, si usas wordpress lo insertas en header.php
- Añade a tu enlace la etiqueta rel=”lightbox”:
image #1 - Inserta unas lÃneas de código en tu hoja de estilos:
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
- Si deseas crear el efecto de sombras, deberás de usar un archivo PNG y un código extra en tu hoja de estilos:
#overlay{ background-image: url(overlay.png); }- html #overlay{
background-color: #000;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”/images/overlay.png”, sizingMethod=”scale”);
} - html #overlay{
- Si deseamos introducir la barra de carga de la imagen deberemos comprobar que la imagen loading.gif este correcto, y para ello entramos en el script lightbox.js y buscamos la lÃnea:
var loadingImage = ‘loading.gif’;
para modificar la ruta en caso de que la imagen esté en otro directorio.Estas mismas intrucciones y la descarga del script y de las imágenes la tenéis en la web del autor, cuyo enlace os pondremos al final de este artÃculo:
Enlace | Lightbox JS
¿RecomendarÃas este post?
Comentarios
Deja tu comentarioTrackbacks
-
1
CODIGO HTML QUE PERMITE ENFOCAR IMAGENES SIN ABRIR NUEVAS VENTANAS O PESTAÑAS HAGA CLICK AQUI PARA OBTENER MAS INFORMACION: http://www1.genbeta.com/archivos/2005/12/30-lightbox-nos-permite-enlazar-a.php31 dic 2005 14:36
WSL Weblogs SL
TecnologÃa
Entretenimiento
Motor y deportes
WSL Empresas
Por temas
- Ahorro
- Apple
- Bebés
- Belleza
- Ciencia
- Cine
- Cocina
- Competición
- Consumo
- Cuidados Masculinos
- Cultura Alternativa
- Decoración
- Deportes
- EconomÃa
- Empresas
- Empresas TIC
- Famosos
- Fans
- FotografÃa
- Fútbol
- Gadgets
- Gays
- Golf
- Literatura
- Lujo
- Moda
- Motor
- Motos
- Móviles
- Música
- Noche
- Software
- Televisión
- Viajes
- Vida Sana
- Videojuegos
Destacado
Top 10
Lo+leÃdo
- Microsoft quiere dar una segunda oportunidad a los piratas, legaliza tu sistema
- Radiobeta, escucha emisoras tradicionales de radio a través de Internet
- Métodos alternativos para actualizar Windows
- Foxit Reader 3.0, lector de PDFs
- Poladroid, simula el efecto de una Polaroid
- Fedora 10: liberada la versión final
- Youtube en formato panorámico
- Gmail añade temas: sigue siendo el rey
- e-CORCE, imágenes a alta resolución de todo el mundo
- Ubuntu 9.04 Alpha 1: iniciando el camino hacia la nueva versión
Lo+votado
Lo+leÃdo
- Gmail añade temas: sigue siendo el rey
- HTML Explorer Thumbnails, miniaturas de archivos HTML en el explorador de Vista
- Opera Mini disponible para Android
- SkyDrive y Hotmail ofrecerán 50GB de almacenamiento gratuito
- Ubuntu 9.04 Alpha 1: iniciando el camino hacia la nueva versión
- FluidTunes, controla iTunes desde tu webcam
- Foxit Reader 3.0, lector de PDFs
- Métodos alternativos para actualizar Windows
- Mejoras en Google Maps
- sMovieDB: gestiona tu colección de pelÃculas en KDE
Lo+comentado
- Microsoft podrÃa ofrecer con Windows un antivirus
- Fallo de seguridad en el núcleo de Windows Vista
- Microsoft quiere dar una segunda oportunidad a los piratas, legaliza tu sistema
- Gmail añade temas: sigue siendo el rey
- AVG toma user32.dll como un virus, cuando no lo es
- Screencast: instalar Fedora 10
- Instala la barra de gadgets de Vista en Windows XP
- Ubuntu 9.04 Alpha 1: iniciando el camino hacia la nueva versión
- Google Chrome saldrá de beta en enero
- Youtube a alta resolución
Autores / Comentaristas
Autores
Comentaristas
- Rafael Galindo
- ▄▀▄▀▄▀| Il Tifossi
- [DoodoM]
- lolo68
- fanboyapple
- supercrash10
- Carlos
- kamikaze2052
- treze
- antonio1992b
La verdad q el script es una gozada y vo ya usarlo, pero habeis probado a usarlo con Iexporer... la verdad que da un poco de asco, salta la barrita de seguridad avisando de un complemento activeX que no deja ejecutar por lo que da error... ¿alguna solucion a esto? lo digo porque no todos usan Firefox, como algunos de nosotros... yo mismo a veces tiro de Iexplore porque en mi curro lo necesito ;)
Como dice en la web del autor, es necesario usar navegadores modernos, y ya sabemos que Internet Explorer no es nada moderno ;)
muy bueno y ademas util, tambien uso wordpress asi que seguire tus recomendaciones
Yo uso explorer, y lo he visto bien, el problema me ha venido cuando voy a ver las fotos por segunda vez, se queda pillado cargando...
Bueno, la verdad es que el primer contacto con estas librerias de javascript es una gozada, pero siempre hay que intentar sacarles los fallos, sabeis de alguna pega que pueda tener? o limitación, a parte de la de su uso claro.
Saludos.