Foros del Web » Creando para Internet » HTML »

Imagenes Que Se Ven Sobrepuestas

Estas en el tema de Imagenes Que Se Ven Sobrepuestas en el foro de HTML en Foros del Web. Hola a todos: Alguien sabe como se llama el efecto que resulta haciendo click sobre las imagenes, esta se ve superpusta sobre una pagina de ...
  #1 (permalink)  
Antiguo 31/08/2007, 16:48
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Imagenes Que Se Ven Sobrepuestas

Hola a todos:

Alguien sabe como se llama el efecto que resulta haciendo click sobre las imagenes, esta se ve superpusta sobre una pagina de fondo? parecido al que tiene este sitio: http://www.master-touch.com/

Mis preguntas son:

que programación es
algun tutoria en la red..

saludos

J_morales
  #2 (permalink)  
Antiguo 31/08/2007, 18:00
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Re: Imagenes Que Se Ven Sobrepuestas

Lightbox 2
Cita:
Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).
Código HTML:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script> 
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 31/08/2007, 18:08
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Re: Imagenes Que Se Ven Sobrepuestas

Me imagine algo espectacular y entro para ver un ligthbox (sarcasmo)

Si, es lightbox un efecto que fue cool cuando apareció pero que ahora es algo "común" para quienes andamos en este rollo. Solo escribo para decirte que si sabes CSS puedes lograr un buen grado de personalización en integración al sitio en cuestión con tan solo modificar los estilos....
  #4 (permalink)  
Antiguo 03/09/2007, 08:00
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Imagenes Que Se Ven Sobrepuestas

No, no se nada de CSS, si fuera posible el codigo fuente de una pagina con el efecto. Lo agradecería mucho.
  #5 (permalink)  
Antiguo 03/09/2007, 08:24
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Re: Imagenes Que Se Ven Sobrepuestas

Si necesitás otra referencia del mismo autor, podés consultar en el sitio de Dynamic Drive, tan bien explicada la implementación como en el enlace anterior.
Lightbox image viewer 2.03


Saludos!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #6 (permalink)  
Antiguo 03/09/2007, 08:36
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Imagenes Que Se Ven Sobrepuestas

Si, Ok. disculpa ya descargue el enlace, muchas gracias es lo que necesitaba.
  #7 (permalink)  
Antiguo 03/09/2007, 10:42
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Imagenes Que Se Ven Sobrepuestas

Daniel, visite el sitio sugerido, pero no domino mucho el ingles.

El efecto me funciona bien, pero lo que no funciona es que no se ven las imagenes close.gif ; closelabel.gif yo se que las imagenes las llama de la carpeta "images", pero porque no las encuentra
  #8 (permalink)  
Antiguo 03/09/2007, 11:16
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Re: Imagenes Que Se Ven Sobrepuestas

Quiza las has puesto en otro lugar donde no van, fijate que todo, absolutamente todo va en el mismo directorio.
  #9 (permalink)  
Antiguo 03/09/2007, 12:34
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Imagenes Que Se Ven Sobrepuestas

Si me preocupe de todo eso, por eso me parece extraño que solamente esas imagenes no se vean incluyendo el "loading.gif" que tampoco lo muestra.

Lo que pasa es que estoy haciendo funcionar esto en una Intranet y simpre me tengo que preocupar de escribir la ruta completa.

saludos y gracias por tu atencion
  #10 (permalink)  
Antiguo 03/09/2007, 18:31
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Imagenes Que Se Ven Sobrepuestas

De todos estos archivos:
Cita:
Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location.
, en el css que descargue, no hace referencia: close.gif; lightbox.js y loading.gif

Alguien mas lo hizo funcionar?
  #11 (permalink)  
Antiguo 04/09/2007, 05:53
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Re: Imagenes Que Se Ven Sobrepuestas

Cita:
en el css que descargue, no hace referencia: close.gif; lightbox.js y loading.gif
En la página que oportunamente posteé hay un enlace Download, para bajar un archivo en formato ZIP, el cual contiene las imágenes en una carpeta images.
Cuando descomprimís el archivo debés asegurarte que se respeten las opciones de nombres de carpeta. De otra manera tendrás que crear las mismas y mover allí los archivos correspondientes.
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #12 (permalink)  
Antiguo 04/09/2007, 07:38
Avatar de j_morales  
Fecha de Ingreso: agosto-2007
Ubicación: Santiago, Chile
Mensajes: 38
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Imagenes Que Se Ven Sobrepuestas

Daniel, agradezco tu paciencia.

yo baje todo, absolutamente y esta todo en su lugar, lo que pasa es que que dentro de la programacion del archivo: css/lightbox.css

cita del codigo fuente:
Cita:
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }
Esto es progración en css y no sé como agregar algo más

saludos
  #13 (permalink)  
Antiguo 04/09/2007, 09:57
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Re: Imagenes Que Se Ven Sobrepuestas

Simplemente hay que re-escribir la ruta en la cual están las imágenes.
Si mal no te entiendo, entonces debiera quedar así:
Código:
#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #14 (permalink)  
Antiguo 19/01/2011, 16:06
 
Fecha de Ingreso: febrero-2008
Mensajes: 6
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Imagenes Que Se Ven Sobrepuestas

Hola, he hecho los pasos que aparecen en estos mensajes pero no llego a visualizar las imagenes con estos scripts de java. Sin embargo ellos funcionan muy bien ya que hize una pequeña prueba con un html muy simple.

Se me ocurre que puede estar pasando algun tipo de conflicto entre mi CSS principal y el de lightbox.css. De hecho, tengo tres archivos CSS distintos, aparte del de lightbox.css en mi HTML. Sera ese el problema? ya revise las rutas y estan bien.

Cualquier ayuda es bien recibida. Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:39.