Comunidad de diseño web y desarrollo en internet online

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

Citar            
MensajeEscrito el 13 Ago 2010 11:56 pm
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

Por gatoher

18 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Ago 2010 01:31 am
Lightbox

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 14 Ago 2010 12:14 pm
Podrias esplicarte un poco mas

Por gatoher

18 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Ago 2010 01:13 pm
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!

Por Quarterback

171 de clabLevel

1 tutorial

Genero:Masculino  

Santa Marta, Colombia

firefox
Citar            
MensajeEscrito el 15 Ago 2010 01:05 am
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...

Por gatoher

18 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Ago 2010 05:23 pm

gatoher escribió:

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>


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ó:


<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" />


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


gatoher escribió:


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>


Ese codigo html esta bien, dejalo asi...

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

Saludos amigo :)

Por Quarterback

171 de clabLevel

1 tutorial

Genero:Masculino  

Santa Marta, Colombia

msie8
Citar            
MensajeEscrito el 18 Ago 2010 08:19 pm
Perdon por tardar en responder pero en el trabajo me estan matando.Voy a probarlo hoy y os digo Gracias

Por gatoher

18 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Ago 2010 12:03 am
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¡¡

Por gatoher

18 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ago 2010 12:35 am
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...

Por Quarterback

171 de clabLevel

1 tutorial

Genero:Masculino  

Santa Marta, Colombia

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.