[SOLUCIONADO] Imagen mapa bits junto con rollover

fpalomar · #1 (**permalink**) 01/03/2004, 02:24

Hola,

Hace unos dias que lo doy vueltas a la idea y no se si es posible. Yo de momente se hacer rollover o imagen de sustitucion, pero me he dado cuenta que las dos han de tener el mimso tamaño.

Con la imágenes de mapa de bits se como funcionan pero, ¿sería posible dentro de una imágen de mapa de bits usar un rollover pero que sólo afecte a una porción de esa imágen?

Grácias y saludos a todos

caricatos · #2 (**permalink**) 01/03/2004, 02:51

Hola fpalomar:

Interesante pregunta

:

Se me ocurre que la imágen de sustitución esté invisible con una posición absoluta dentro de la imágen, y en ésta poner un mapa con un área con una función en el evento onmouseover que cambie la visibilidad de la imágen de sustitución:

Trataré de hacer un ejemplo.

Saludos

caricatos · #3 (**permalink**) 01/03/2004, 03:23

Hola otra vez:

Ya está el ejemplo en esta página: http://www.pepemolina.com/mapas/Prueba1.html
El código es éste:

Código PHP:

  <html> 
<head> 
<meta http-equiv='imagetoolbar' content='no'> 
</head> 
<body> 
<div style="position: relative" align="center"> 
<map name=miMapa> 
<area href="javascript: alert('Prueba');" 
shape='circle' 
coords='94,51,21' 
title='Imagen de sustitución'  
onmouseover="document.images.yo.style.visibility = 'visible'"> 
</map> 
<img src='../postales/Valentin/x_Silvestre1b.gif' usemap=#miMapa > 
<img name="yo" src='../miemoticon.gif'  
style="position: absolute; left: 75; top: 30; visibility: hidden"  
onmouseout="this.style.visibility = 'hidden'"><br> 
</div> 
</body> 
</html>

Para crear el mapa puedes usar esta página: http://www.pepemolina.com/mapas/index.html

Saludos

tunait · #4 (**permalink**) 05/03/2004, 06:53

movido desde html