Como poner la imagen en el centro

Visto, visto lo q yo quiero hacer parece ser muy complicado. Entonces ahora lo que he hecho es una función que al hacer doble clic me muestra la imagen en grande y al haer clic me la deja como estaba, pero al mostrarme en grande la imagen me la muestra justo encima de la original, mi pregunta es si puedo mostrar la imagen en grande en el centro de la pantalla.
Te paso el codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../../../estilos/letra.css" rel="stylesheet" type="text/css">
<link href="../../../estilos/titulos.css" rel="stylesheet" type="text/css">
<link href="../../../estilos/titulos2.css" rel="stylesheet" type="text/css">
<link href="../../../estilos/letra2.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript" >
function  grande1(){
   image1.height="386"
   image1.width="512"
}
function pequeña1(){
   image1.height="100"
   image1.width="118"
}
function grande2(){
   image2.height="386"
   image2.width="512"
}
function pequeña2(){
   image2.height="100"
   image2.width="118"
}
function grande3(){
   image3.height="368"
   image3.width="512"
}
function pequeña3(){
   image3.height="100"
   image3.width="118"
}
function grande4(){
   image4.height="368"
   image4.width="512"
}
function pequeña4(){
   image4.height="100"
   image4.width="118"
}
function grande5(){
   image5.height="368"
   image5.width="512"
}
function pequeña5(){
   image5.height="100"
   image5.width="118"
}
function grande6(){
   image6.height="368"
   image6.width="512"
}
function pequeña6(){
   image6.height="100"
   image6.width="118"
}
</script>
</head>
<body background="../../../imagenes/FondoderechaYac.png">
<p class="titulos">CIUDAD DE ARCOBRIGA</p>
<p class="titulos2">Monreal de Ariza (<span class="titulos2">Zaragoza )</span></p>
<p class="letra2">Ciudad romana de Arcóbriga en el valle alto del río
  Jalón. </p>
<p class="letra"> </p>
<p class="letra">Excavada desde principios del s. XX hoy se aprecia, en la acrópolis,
  su urbanismo organizado en varios recintos con manzanas de viviendas separadas
  por calles rectas y varios edificios públicos singulares. Al Noroeste
  se encuentran las termas recientemente restauradas. En su entorno se localizan
  varios poblados celtibéricos y un posible santuario en la Cueva de las
  Cazoletas. </p>
<table align="center">
<tr>
<td align="center" width="150" height="100"> <img src="../../../imagenes/sitios/aragon/Arcobriga/Arco1.jpg" name="image1"  onDblClick="grande1()"onclick="pequeña1()" width="118" height="100"  ><br>   </td>
<td align="center" width="150" height="100"> <img src="../../../imagenes/sitios/aragon/Arcobriga/Arco2.jpg" name="image2" ondblclick="grande2()" onclick="pequeña2()" width="118" height="100"><br></td>
<td align="center" width="150" height="100"> <img src="../../../imagenes/sitios/aragon/Arcobriga/Arco3.jpg" name="image3" ondblclick="grande3()" onclick="pequeña3()" width="118" height="100"><br></td>
<td align="center" width="150" height="100"> <img src="../../../imagenes/sitios/aragon/Arcobriga/Arco4.jpg" name="image4" ondblclick="grande4()" onclick="pequeña4()" width="118" height="100"><br></td>
</tr>
<tr>
<td align="center" width="150" height="120"> <br></td>
<td align="center" width="150" height="100"> <img src="../../../imagenes/sitios/aragon/Arcobriga/Arco5.jpg" name="image5" onDblClick="grande5()" onClick="pequeña5()" width="118" height="100"><br></td>
<td align="center" width="150" height="100"><img src="../../../imagenes/sitios/aragon/Arcobriga/Arco6.jpg" name="image6" onDblClick="grande6()" onClick="pequeña6()" width="118" height="100"></td>
<td align="center" width="150" height="100"></td>
</tr>
</table>
</body>
</html>

1 Respuesta

Respuesta
1
Vas a tener que agregar una nueva fila a la tabla algo como
<tr>
<td colspan="4">
<img id="cargaImagen" src="../imagenEnBlanco.jpg" />
</td>
</tr>
Luego on click (o DblClick) llamas a mostrarImagen(this. Src), y la funcion mostratImagen es esta:
mostrarImagen(src){
imagen = document.getElementById('cargaImagen');
imagen.src = src;
imagen.height="386";
imagen.width="512";
}
hola otra vez, me vas a mandar a la.................. pero es que no me funciona,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../../../estilos/letra.css" rel="stylesheet" type="text/css">
<link href="../../../estilos/titulos.css" rel="stylesheet" type="text/css">
<link href="../../../estilos/titulos2.css" rel="stylesheet" type="text/css">
<link href="../../../estilos/letra2.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript" >
mostrarImagen(src){
imagen = document.getElementById('cargaImagen');
imagen.src = src;
imagen.height="386";
imagen.width="512";
}
</script>
</head>
<body background="../../../imagenes/FondoderechaYac.png">
<p class="titulos">CIUDAD DE ARCOBRIGA</p>
<p class="titulos2">Monreal de Ariza (<span class="titulos2">Zaragoza )</span></p>
<p class="letra2">Ciudad romana de Arcóbriga en el valle alto del río
  Jalón. </p>
<p class="letra"> </p>
<p class="letra">Excavada desde principios del s. XX hoy se aprecia, en la acrópolis,
  su urbanismo organizado en varios recintos con manzanas de viviendas separadas
  por calles rectas y varios edificios públicos singulares. Al Noroeste
  se encuentran las termas recientemente restauradas. En su entorno se localizan
  varios poblados celtibéricos y un posible santuario en la Cueva de las
  Cazoletas. </p>
<table align="center">
<tr>
<td align="center" width="150" height="100"> <img src="../../imagenes/sitios/aragon/Arcobriga/Arco1.jpg" name="image1"  onDblClick="mostrarImagen(this.src)"onClick="pequeña1()" width="118" height="100"  ><br>   </td>
<td align="center" width="150" height="100"> <img src="../../imagenes/sitios/aragon/Arcobriga/Arco2.jpg" name="image2" ondblclick="mostrarImagen(this.src)" onclick="pequeña2()" width="118" height="100"><br></td>
<td align="center" width="150" height="100"><img src="../../imagenes/sitios/aragon/Arcobriga/Arco3.jpg" name="image3" onDblClick="mostrarImagen(this.src)" onClick="pequeña3()" width="118" height="100">
      <br>
    </td>
<td align="center" width="150" height="100"> <br>
      <img src="../../imagenes/sitios/aragon/Arcobriga/Arco4.jpg" name="image4" onDblClick="grande4()" onClick="pequeña4()" width="118" height="100"></td>
</tr>
<tr>
<td align="center" width="150" height="120"> <br></td>
<td align="center" width="150" height="100"> <img src="../../imagenes/sitios/aragon/Arcobriga/Arco5.jpg" name="image5" onDblClick="mostrarImagen(this.src)" onClick="pequeña5()" width="118" height="100"><br></td>
<td align="center" width="150" height="100"><img src="../../imagenes/sitios/aragon/Arcobriga/Arco6.jpg" name="image6" onDblClick="mostrarImagen(this.src)" onClick="pequeña6()" width="118" height="100"></td>
<td align="center" width="150" height="100"></td>
</tr>
<tr>
<td colspan="4">
<img id="cargaImagen" src="../imagenEnBlanco.jpg" />
</td>
</tr>
</table>
</body>
</html>
Intenta declarar la funcion :P
<SCRIPT LANGUAGE="JavaScript" >
function mostrarImagen(src){
...

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Maquetar imágenes de sustitución

Tengo la intención de crear una página con tres imágenes cambiantes. Utilizo DreamweaverMX 2004. En principio establecí unos div para incluirlas, pero el estilo que le aplico a esta etiqueta luego no me lo respeta. Le doy unas medida de ancho y un...
1 respuesta

Reporte

El error que me sale es el siguiente logon faile Details: dao error code:0xbe5 Source: dao. Workspace Descripcion: no se puede usar c:\obsequios\bdobsequios.mdb el archivo ya esta en uso este es el código que tengo para imprimir el reporte Set...
2 respuestas

Mostrar imagen grande en galeria de imagenes

He creado una galeria de imgenes y quiero que al pinchar en la foto esta se haga ms grande. Pero no consigo mostrar la foto en grande te paso el código a ver si me puedes "echar una mano". Gracias <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...
1 respuesta

Fotos en excel con macro, pesa mucho archivo final

Lo que busco es hacer un formulario que me ubique por fotos en una hoja, las imágenes están en una carpeta definida, tengo el siguiente código (lineas abajo), pero, el resultado es un archivo demasiado grande, tanto que cuelga mi maquina, y estoy...
1 respuesta

Error al insertar un icono

Ya que cuando trato de insertar un icono al proyecto me aparece una ventana que dice error inesperado, como puedo solucionar eso.
1 respuesta

Insertar imagen con document.write

Quiero meter una imagen en una página con javascript write, para poder variar distintos parámetros de ella. Document.write ("<img src="+carpeta+"/"+imagen+".jpg>")Las imágenes no son en su tamaño original, por lo que debo reducrilas. Debido a que es...
2 respuestas

TImage

¿Cómo vas? Me gustaría saber como hacer un zoom a una imagen cargada en un componente TImage, algo así como una form con un TImage y con dos botones, uno para hacer zoom in y el otro para zoom out. Me canse de buscar como lograr esto, si mucho se...
1 respuesta

Cambiar un link a estado de visitado con javascript

No se si me lo vais a poder resolver el problema que tengo. En mi página tengo varios link que cuando los pulsa abren una ventana con tamaño determinado. Y esto lo echo a través de javascript. A causa de esto no consigo que ese link cambie al estado...
1 respuesta

Aumentar el tamaño de una imagen al pasarle el mouse

Espero te encuentres bien. Por otro lado, me asalta la siguiente duda, ¿Cómo le puedo hacer para que al posicionar el puntero del mouse sobre una imagen, su tamaño aumente, y además, si ya no me posiciono sobre ella, regrese a su tamaño original? ¿Se...
2 respuestas

Ventana que se abre con javascript (difícil)

Tengo un problema que nadie consigue solucionarme, he preguntado a muchos expertos, pero nadie sabe como hacerlo. Tengo una página web, donde hay imágenes pequeñas y quiero que al pulsar sobre ellas se abra otra ventana con las dimensiones que yo...
3 respuestas