Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Imagen mapa bits junto con rollover

Estas en el tema de Imagen mapa bits junto con rollover en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/03/2004, 02:24
Avatar de fpalomar  
Fecha de Ingreso: noviembre-2003
Mensajes: 123
Antigüedad: 21 años
Puntos: 3
Pregunta Imagen mapa bits junto con rollover

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
  #2 (permalink)  
Antiguo 01/03/2004, 02:51
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
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
  #3 (permalink)  
Antiguo 01/03/2004, 03:23
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
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
  #4 (permalink)  
Antiguo 05/03/2004, 06:53
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 2 meses
Puntos: 381
Información Trasladado al foro de javascript

movido desde html
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 11:29.