enlace que al pinchar se te abre una ventana en la web

Hola que tal a todos.Estaba tratando de hacer que cuando pinchas en un enlace,se abre dentro de la web una pantalla transparente con una foto.Lo gastan mucho en publicidad luego le das a un botom y se cierra.Debe ser un div fixed con opacity.Pero como relaciono el enlace con el div.Alguien podria alludarme

Lightbox

Podrias esplicarte un poco mas

Lightbox, es una herramienta slideshow hecho con Javascript y Css con el fin de mostrar imagenes, una especie de Galeria.

Si es para imagenes solamente, este es el que necesitas, si es para abrir otras cosas como peliculas swf, videos, paginas, etc., necesitaras el Shadowbox JS que es parecido al Lightbox pero con mas utilidades.

Saludos!

Gracias por responder Quarterback.

Si mas o menos buscaba eso.Pero yo lo que quiero hacer es,veras e hecho un botom con gimp.Y al pinchar usar ese botom para pasar a otra subpagina de mi web.Como si se tratara de un menu horizontal tipico de productos, contacto, videos etc etc.


E intentado hacerlo,pero mis conocimientos no son muchos se de css y html javascrip nose.Y como " suele pasar" el enlace que me diste esta en ingles.Te voy a poner como lo hice:

En la cabecera antes del </head> puse esto:



<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Esta ultima linea probe a cambiarla por esta que es mi archivo de. css pero tampoco funciono:

<link rel="stylesheet" href="empresa.css" type="text/css" media="screen" />


Luego en el html puse:


<div id="prueba">
<a href="/home/jose/web/todometal/imagenes/botomb.gif" rel="lightbox" title="my caption">image #1<img src="/home/jose/web/todometal/imagenes/botomb.gif"></a>


</div>

Pero claro,si se me abre una pestaña nueva en el explorador y sale la imagen.
Si me puedes hechar un cable, gracias...

gatoher escribió:

Esta bien colocado, en cualquier parte del documento seria igual aunque para tener orden es recomendado alli donde lo tienes. El problema podria ser que no estan definidad correctamente las urls de los archivos, intenta colocar la direccion del JS completa, ejemplo http://www.misitioweb.com/js/lightbox.js.

gatoher escribió:

No elimines ese archivo, si tienes otro css integralo igual, puedes colocarle varios css's a un documento HTML.

gatoher escribió:

Ese codigo html esta bien, dejalo asi...

Lo mas posible es que los archivos js no los estan llamando correctamente. intentalo nuevamente

Saludos amigo

Perdon por tardar en responder pero en el trabajo me estan matando.Voy a probarlo hoy y os digo Gracias

Pues no consigo que funcione.A ver Quaterback e probado esto:

En la cabecera:


<script type="text/javascript" src="http://migato8.no-ip.info/js/prototype.js"></script>
<script type="text/javascript" src="http://migato8.no-ip.info/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://migato8.no-ip.info/js/lightbox.js"></script>

<link rel="stylesheet" href="http://migato8.no-ip.info/css/lightbox.css" type="text/css" media="screen" />


Tambien probe sin el http://migato8.no-ip.info y el html lo deje asi:


<div id="colunnaderecha" title="my caption">

<a href="http://migato8.no-ip.info/imagenes/sublogo.png" rel="lightbox" title="my caption">image #1<img src="http://migato8.no-ip.info/imagenes/sublogo.png"></a>


</div>

Y nada me se abre el explorador y me saca la imagen.Entonces nose,mira que el div colunnaderecha solo tiene una imagen
si tubiera mas como sabe a cual llamar por que yo a imagen sublogo.png no le puse de nombre image#1.Supongo que sale esa imagen por que dentro del div no hay mas fotos sino saldrian todas.

Lo que me comentaste de poner ( http://www.misitioweb.com/js/lightbox.js. ) A donde te refieres que hay que ponerlo.Bueno espero que sigas en la discusion.Espero tu respuesta e estado super liado en el trabajo.Gracias¡¡

Todo esta correctamente bien, pero me he dado cuenta de algo... No haz descargado los archivos js! o al menos las urls no sirven.... Mira, tienes que descargar el lightbox que viene en un archivo zip, y colocarlos en donde tienes el documento.

Si quieres puedes usar las url de los archivos js que tienen en la web, aunque es mejor descargarlos... De todas maneras hazlo asi (antes del </head>):

Código HTML :

<script type="text/javascript" src="http://www.huddletogether.com/projects/lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="http://www.huddletogether.com/projects/lightbox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://www.huddletogether.com/projects/lightbox2/js/lightbox.js"></script>

<link rel="stylesheet" href="http://www.huddletogether.com/projects/lightbox2/css/lightbox.css" />

te recomiendo estudiar un poco mas sobre HTML y Javascript.

Saludos...