
13/11/2004, 09:54
|
| | Fecha de Ingreso: octubre-2004 Ubicación: España
Mensajes: 894
Antigüedad: 20 años, 4 meses Puntos: 3 | |
Hola, Palosanto
En la página que dices no veo el efecto, pero por la descripción creo que esto es lo que quieres:
Código:
<HTML>
<HEAD>
<script language="JavaScript" type="text/JavaScript">
function ponImagen(nombre,ancho,alto) {
ancho+=20, alto+=20 //dejar margen para el navegador
var anchoMini=50, altoMini=50 //tamaño fijo para las miniaturas
//puedes cambiar los valores de arriba
var tx1 = '<a href="javascript:ampliar(\'' + nombre + '\',' + ancho + ',' + alto + ')">'
tx1 += '<img src="' + nombre + '" border=0 width=' + anchoMini + ' height= ' + altoMini
tx1 += '></a>'
document.write(tx1)
}
function ampliar(nombre,ancho,alto) {
var ventanaImagen = window.open('','','width=' + ancho + ',height=' + alto)
var tx2 ='<html><body>'
tx2 += '<img src="' + nombre + '" onClick="window.close()"'
tx2 += ' alt="pulsa para cerrar" title="pulsa para cerrar"'
//La línea de arriba la puedes borrar entera si no quieres la ayuda visual o tooltip, pero para ello he cambiado un poco la siguiente
tx2 += '></body></html>'
with (ventanaImagen.document) { write(tx2); close() }
}
</script>
</HEAD>
<BODY>
Pulsa en la imagen para ampliarla<br>
<script language="JavaScript" type="text/JavaScript">
ponImagen('imagengrande.gif',563,550)
//El contenido de ponImagen debes modificarlo con el nombre, el ancho y el alto de tu archivo GIF o JPG
</script>
</BODY>
</HTML>
Ha costado un poco, pero queda bien.
Última edición por angsanchez; 13/11/2004 a las 13:00 |