link en imagen

JoeLitO · #1 (**permalink**) 12/06/2003, 19:52

Saludos.
Deseo saber como podria hacer para modificcar el siguiente javascript y al darle click a una imagen aparezca el popup.

---------------------------------------------

<head>
<script>
function abrirpopup(nombre,ancho,alto) {
dat = 'width=' + ancho + ',height=' + alto + ',left=0,top=0,scrollbars=no,resize=no';
window.open(nombre,'',dat)
}
</script>
</head>

<body>
<a href="#" onclick="abrirpopup('nombre.html',400,300);">abrir </a>
</body>

-------------------------------------------

La idea es que en vez de que exista la palabra abrir haya una imagen que al darle click se abra el popup.
.
Saludos.

Bravenap · #2 (**permalink**) 13/06/2003, 01:23

Muy sencillo:

<a href="#" onclick="abrirpopup('nombre.html',400,300);"><img src="tuimagen.jpg"></a>

o bien

<img src="tuimagen.jpg" onclick="abrirpopup('nombre.html',400,300)">

Si no quieres que salga el cuadrito alrededor de la imagen, pon border="0". Con la segunda opción no sale la "manita" cuando te posicionas sobre la imagen. Si quieres que salga ya tendrías que usar CSS.

Por último, si quieres que salga un cuadrito con un texto cuando te pones encima de la imagen pon, por ejemplo, alt="Pinche sobre la imagen"

Suerte.

tunait · #3 (**permalink**) 13/06/2003, 04:21

Vamos a trasladar la pregunta al foro de HTML

saludos