PDA

Ver la versión completa : Ayuda con html


amzg
16/04/2008, 15:39
No se si esto va aqui, pero necesito ayuda.

Estoy haciendole una web a un colega en html y css para su grupo de musica, y hay una cosa que quiero hacer pero no me sale.

Resumiendo, una galeria de fotos, debajo de cada una hay un link que pone ampliar, quiero que se pique y se abra una ventana nueva con la foto en grande, se que se puede hacer creando un nuevo .html con cada foto en grande, pero eso es un coñazo. He visto en algunas web que con un .html de base se cargar las fotos siempre en el mismo.

De momento tengo esto, el en html principal:


<script language="JavaScript">
function verImagen(cual, ancho, alto) {
open("imagen.php?imagen="+cual, "imagen", "width="+ancho+",height="+alto+",resizable=0,status=0,menubar=0,scrollbars=0,locat ion=0");
}
</script>


Aqui donde se llama a la funcion:

<a href="JavaScript:verImagen('imagenes/foto01.jpg', '534', '650');">AMPLIAR</a>

Y no se que poner en imagen.php para que se habra ahi esa imagen.
Algo asi, pero nose como sabe que tiene que abrir esa foto..

<a href="JavaScript:window.close()" alt="Cerrar ventana"><img src="" alt="" border="0"></a>

No quiero crear mil .html's por cada imagen de la galeria, espero haberme explicado bien
FFantasy6
16/04/2008, 15:45
Un target="_blank" te valdria?
amzg
16/04/2008, 15:57
No porque quiero que la ventana que se abra pueda cerrarse picando sobre la foto "javascript:window.close()"

gracias de todas formas.
kraff2
16/04/2008, 15:59
En imagen.php yo pondria algo como:

<html>
<head>
<title></title>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" ">
<div align="center">
<img src="<?=$_REQUEST['imagen']?>">
</div>
</html>


Pero puedes prescindir del imagen.php y hacerlo todo con javascript con algo como:


function verimagen(imagen, ancho, alto)
{
ventana = window.open("","imagen","'status=no,top=5,left=15,width='+ancho+',height='+ alto+',resizable=no,scrollbars=no'");
ventana.document.write('<html><head><title>Peazoimagen</title></head><body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" "><div align="center"><img src="' + imagen + '"></div>');
ventana.document.close();
}


No me hago responsable de los errores que haya en el código, que los habrá (tipográficos espero) :D
amzg
16/04/2008, 16:54
ahhhhhhhhhhhhh kraff2 eres el poooto amo!!!!! :rever::rever:

Esto era lo que me faltaba <img src="<?=$_REQUEST['imagen']?>"> !!!!

MIL GRACIAS!!!! :brindis:

PD: y pensar que he estado con esta "parida" mas de 4 horas... ¬¬
kraff2
16/04/2008, 18:03
De nada, pero no ha sido para tanto y me vas a sacar los colores :D