Sobre poner una imagen en otra al pasar el mouse

rockstar1 · #1 (**permalink**) 19/04/2009, 14:24

Que tal, chicos, ya tiene un poco de tiempo que no paso por aca, pero weno. Estoy haciendo la pagina de inicio, el index. Pero he llegado a una encruzijada. Les mostrare el codigo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<div align="center">
  <p>&nbsp;</p>
  <p><img src="Downloads/index.png" alt="" width="700" height="560" align="absmiddle" usemap="#m_00000001" alt=""/><map name="m_00000001" id="m_00000001"> 
<area shape="poly" coords="434,102,587,102,587,171,434,171,434,102" href="rockeando.net/blog" title="Inicio" alt="Inicio" /> 
</map> </p>
</div>
</body>
</html>

Como se daran cuanta es una imagen, en la cual he seleccionado cierta zona de esta, para que cuando se le pase el mouse y se de click, los lleve a otra pagina.
Ahora, lo que quiero saber, es si ¿puedo hacer que en este pequeño rectangulo, pueda sobreponer otra imagen?. Que previamete se haya cargado.
Alguien me puede hechar una mano?

PD: Saludos

rockstar1 · #2 (**permalink**) 19/04/2009, 16:42

O no podria hace que cuando pasara el mouse sobre ciertas zonas de la imagen se el cursor cambiara por otro?

PD: Saludos