Foros del Web » Creando para Internet » Diseño web »

Insertar imagenes, para qaue se vean así!

Estas en el tema de Insertar imagenes, para qaue se vean así! en el foro de Diseño web en Foros del Web. Hola, estoy empezando a crear una página web, quiero insertar unas imágenes en ciertas páginas pero quiero que se vean pequeñas y cuando se pinche ...
  #1 (permalink)  
Antiguo 20/10/2009, 05:25
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Insertar imagenes, para qaue se vean así!

Hola, estoy empezando a crear una página web, quiero insertar unas imágenes en ciertas páginas pero quiero que se vean pequeñas y cuando se pinche sobre ellas se abran en una nueva ventana encima de nuestra página y que al pinchar sobre ellas se cierren, lo que quiero es exactamente tal como se puede hacer en este sitio al pinchar sobre una imagen, disfrutabangkok.com/mercado-chatuchak
como puedo hacer esto? estoy trabajando con Dreamweaver.
Muchas gracias y un saludo.
  #2 (permalink)  
Antiguo 20/10/2009, 08:37
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Insertar imagenes, para qaue se vean así!

Busca por lightbox o sus parecidos clones lightbox
El cómo lo hagas con dw, ni idea, pero tampoco se necesita

Un saludo

P.D.: Bienvenido a fdw, Rubenls81
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 20/10/2009, 09:49
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Insertar imagenes, para qaue se vean así!

Gracia por la ayuda y la bienvenida!
Buscando información sobre lightbox ya he conseguido insertar las imágenes en mi web y es justo lo que quería.
Lo único que al abrirlas se colocan demasiado a bajo, en vez de ponerse en medio de la pantalla que estamos viendo hay que bajar un poco para ver la imagen, no sabrás como se puede configurar para que la imagen se vea mas centrada?.
Un saludo.
  #4 (permalink)  
Antiguo 20/10/2009, 10:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Insertar imagenes, para qaue se vean así!

Mira a ver si este tema te ayuda.
De todas formas, si tienes la página en línea, pon un enlace de esta forma: misitio.com (sin las 3w) para verlo in situ.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 21/10/2009, 05:36
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Insertar imagenes, para qaue se vean así!

He subido parte de la web que estoy haciendo, tailandiaxlibre.site90.net/buceo_cursos.html la primera foto se ve mas o menos centrada, pero el resto verás que hay que bajar un poco para verlas completas, lo que me gustaría es que se abriesen en el centro de la página.
Un saludo.
  #6 (permalink)  
Antiguo 21/10/2009, 05:54
Avatar de CopperDavid  
Fecha de Ingreso: mayo-2009
Ubicación: Madrid
Mensajes: 40
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Insertar imagenes, para qaue se vean así!

Buenas Rubenls81;

Por lo que he podido ver y leer tu codigo fuente de tu web, el problema está en

Código:
<div id="lightbox" style="top: 1510.7px; left: 0px;">
Esta capa le está dando un margen de arriba de 1510.7px por eso no te sale centrada la imagen en la pantalla.

Mira en la libreria las propiedades que vienen por definición y las cambias a tu conveniencia.

Espero que te sirva...
  #7 (permalink)  
Antiguo 21/10/2009, 06:29
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Insertar imagenes, para qaue se vean así!

Hola,
donde viene ese dato del código fuente de mi web? lo estoy buscando y no lo encuentro, imagino que sería bajar ese valor hasta que quede como me gusta, pero no soy capaz de encontrarlo.
Saludos.
  #8 (permalink)  
Antiguo 21/10/2009, 06:42
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Insertar imagenes, para qaue se vean así!

CopperDavid, esa posición la calcula el js en función del lugar donde aparece la imagen en el html y el scroll que se haya hecho.

Ruben, creo que nadie te ha comentado de la obligatoriedad y lo necesario que es que tus páginas tengan DOCTYPE. Arregla eso lo primero y después ya se verá.

La observación sobre el uso que haces de las tablas queda para otro momento.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 02/11/2009, 07:33
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Insertar imagenes, para qaue se vean así!

Hola, sobre lo del DOCTYPE no me queda muy claro cual poner en mi página, la verdad, no lo entiendo muy bien, si me podéis echar un cable os lo agradezco.
Un saludo.
  #10 (permalink)  
Antiguo 02/11/2009, 12:44
 
Fecha de Ingreso: julio-2005
Mensajes: 304
Antigüedad: 12 años, 5 meses
Puntos: 4
Respuesta: Insertar imagenes, para qaue se vean así!

Por ejemplo el DOCTYPE que te incluye automáticamente al principio del código dreamweaver, es:

Código:
<!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">
Por lo que he visto en tu código, para el lightbox habrias tenido que introducir código en el css, al menos eso creo, por que es identico a uno que usé una vez y tube que introducir lineas en el css que es donde modificaba, tanto color, tamaño, posición, etc...
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 19:40.