Mapeado de imágenes y botones roll-over

slumber · #1 (**permalink**) 01/04/2003, 15:43

A ver; la idea que tengo es la siguiente:

Tengo un dibujo en el que aparecen dos personas, y quiero que al pulsar sobre cada una de ellas, se acceda a una página diferente. Para esto, he hecho un mapa de la imagen. Bien.

El problema es que, además de esto, me gustaría que al pasar el ratón sobre cada una de estas personas, apareciera otro dibujo. Es decir: que se comportaran como botones roll-over. ¿Cómo podría hacerse esto? He dibujado todo lo necesario, he hecho el mapa del dibujo original... pero no sé cómo relacionar dicho mapa con los dibujos alternativos que sustituirán a los originales.

Muchas gracias a todos

Un saludo.

garcef · #2 (**permalink**) 02/04/2003, 02:09

Porque no lo intentas con el programa de Fireworks, tiene herramientas donde puedes hacer a la mejor, algo asi

slumber · #3 (**permalink**) 02/04/2003, 02:59

Gracias por el consejo. Corro a encontrar el Fireworks y tragarme todos los tutoriales que encuentre.
Un saludo.

fgil2 · #4 (**permalink**) 02/04/2003, 09:06

Hola slumber:

Mira a ver si te puede servir esto:

<html>
<head><script LANGUAGE="Javascript">
function Permut (flag,img) {
if (document.images) {
if (document.images[img].permloaded) {
if (flag==1) document.images[img].src = document.images[img].perm.src
else document.images[img].src = document.images[img].perm.oldsrc
}
}
}
function preloadPermut (img,adresse) {
if (document.images) {
img.onload = null;
img.perm = new Image ();
img.perm.oldsrc = img.src;
img.perm.src = adresse;
img.permloaded = true;
}
}
</script>
<title>slumber</title>
</head>
<body>
<a HREF="image1.gif" TARGET="_BLANK" onMouseover="Permut(1,'IMG1');"
onMouseout="Permut(0,'IMG1');">

<p><img SRC="image2.gif" border="0" NAME="IMG1" onLoad="preloadPermut(this,'2003.jpg');"
width="130" height="51"></a> </p>
</body>
</html>

Esto como puedes comprobar te cambia la imagen al pasar el ratón y cliqueando te lleva donde le indiques...

Lo que no se si lo podrás adaptar al mapa?
Un saludo.