"Mientras mas herramientas manejes, mas atractivo eres para los mercados laborales. "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Lightbox o Ventana modal con Javascript y CSS

Domingo 26 de Diciembre de 2010

HTML Y CSS
Autor: César Cancino
Categoría: HTML Y CSS
Etiquetas Programación, php, mysl
Comentarios 5

Tenemos un sencillo script html con el que podemos generar una ventana modal o lightbox trabajado con HTM, Javascript y CSS. Este código nos permite por ejemplo mostrar fotos de manera mas destacada, o algún tipo de información que sea de un interés mas notorio para el usuario de nuestro sitio web.

¿Qué te gustaría compartir con nosotros?

Compartir

Tenemos un sencillo script html con el que podemos generar una ventana modal o lightbox trabajado con HTM, Javascript y CSS. Este código nos permite por ejemplo mostrar fotos de manera mas destacada, o algún tipo de información que sea de un interés mas notorio para el usuario de nuestro sitio web.

A continuación les muestro el código básico con el que trabajaremos:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lightbox o Ventana modal con Javascript y CSS</title>
<link href="css/estilos.css" type="text/css" rel="stylesheet" />
<script language="javascript" type="text/javascript" src="js/funciones.js"></script>
</head>

<body>
<div id="window" class="windowUnload">
<a href="javascript:hide();">cerrar</a>
<br />
<img src="" border="0" id="mi_marco" />
</div>
<div id="sombra" class="sobmbraUnload"></div>

<a href="javascript:show('images/rosa.png');">abrir</a>
</body>
</html>


5 Comentarios

  1. jose tovar
    Domingo 07 de Agosto de 2011

    Hola cesar, desde Venezuela se te aprecia mucho... esta haceiendo una labor social muy valiosa y mas para nosotros los estudiantes que estamos empezando en este mundo... En estos momentos estoy diseñando puro "papeles", sobre un programa que controle el horario de ingreso y salida de personal se que debo operar base datos del personal, como claves y nombre, otras con horarios de llagadas y salidas, tambien con los tipos de horario, pero no se como operar con las horas compararla entre si

  2. xy
    Viernes 10 de Junio de 2011

    esta buena la bieja de la foto

  3. GERMAIN
    Martes 31 de Mayo de 2011

    que tal cesar como podria hacer que lo que me mostrara fuese la información de una pagina, en lugar de la imagen. gracias!!!

  4. rafael
    Domingo 06 de Febrero de 2011

    Muy útil y sencillo. Gracias, César, por compartir tus conocimientos... ¿podrías compartir también el teléfono de Rosa...? Creo que me he enamorado.

  5. Novita
    Miércoles 26 de Enero de 2011

    y quien es rosa XD?