Foros del Web » Creando para Internet » HTML »

Mapeado de imágenes y botones roll-over

Estas en el tema de Mapeado de imágenes y botones roll-over en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/04/2003, 15:43
Usuario no validado
 
Fecha de Ingreso: febrero-2003
Ubicación: Bilbao
Mensajes: 51
Antigüedad: 14 años, 10 meses
Puntos: 0
Mapeado de imágenes y botones roll-over

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.
  #2 (permalink)  
Antiguo 02/04/2003, 02:09
Avatar de garcef  
Fecha de Ingreso: agosto-2001
Ubicación: Querétaro, México
Mensajes: 289
Antigüedad: 16 años, 3 meses
Puntos: 0
Porque no lo intentas con el programa de Fireworks, tiene herramientas donde puedes hacer a la mejor, algo asi
__________________
garcef
Facebook: url]https://www.facebook.com/memelandiax[/url]
Twitter: @Memelandiax Vine:memelandiax Instagram: memelandiax Youtube: memelandiax
  #3 (permalink)  
Antiguo 02/04/2003, 02:59
Usuario no validado
 
Fecha de Ingreso: febrero-2003
Ubicación: Bilbao
Mensajes: 51
Antigüedad: 14 años, 10 meses
Puntos: 0
Gracias por el consejo

Gracias por el consejo. Corro a encontrar el Fireworks y tragarme todos los tutoriales que encuentre.
Un saludo.
  #4 (permalink)  
Antiguo 02/04/2003, 09:06
Avatar de fgil2  
Fecha de Ingreso: enero-2003
Ubicación: zaragoza
Mensajes: 285
Antigüedad: 14 años, 11 meses
Puntos: 0
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.
__________________
fer
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:29.