Responder al tema  [ 7 mensajes ] 
Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut" 
Autor Mensaje
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 04-09-2007, 8:10
Mensajes: 1423
Ubicación: Buenos Aires, Argentina
Nota Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
Hola... estoy empezando con html más avanzado y quiero saber como hago para que me funcione en Mapa de imágenes el "OnMouseOver" y "OnMouseOut"... por ejemplo si tengo este código:

Citar:
<img src="¿ACA VA LA IMAGEN PRINCIPAL?" width="290" height="35" border="0" usemap="#map" />

<map name="map">
<area shape="rect" coords="0,0,284,30" onmouseover="¿COMO PONGO LA IMAGEN QUE QUIERO QUE HAGA ESTE EFECTO?" onmouseout="¿Y ACA QUE HAGO?" href="http://" />
</map>


Si me pueden ayudar GRACIAS!!


12-21-2008, 6:59
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 10-11-2008, 18:02
Mensajes: 780
Ubicación: El BIERZOO!! pu** leon pu** cultural!
Nota Re: Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
jijij, sabia antes pero no me acuerdo

_________________
Siempre estarás en mi corazon--> B.D.

Imagen
Imagen
Imagen
Imagen
Imagen
Imagen

http://www.nuestro.forogratis.es

Ultima edición por Cifu. el 10-10-2008, 5:58; editado 9 veces


12-21-2008, 11:16
Perfil YIM WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 10-19-2006, 12:35
Mensajes: 4798
Ubicación: (España)
Nota Re: Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
Prueba asi:

Código:
<img src="¿ACA VA LA IMAGEN PRINCIPAL?= SI" width="290" height="35" border="0" usemap="#map" />

<map name="map">
<area shape="rect" coords="0,0,284,30" onmouseover="¿COMO PONGO LA IMAGEN QUE QUIERO QUE HAGA ESTE EFECTO?= AQUI LA URL DE LA IMAGEN QUE QUIERES CUANDO NO ESTA EL RATON ENCIMA" onmouseout="¿Y ACA QUE HAGO?= AQUI LA URL DE LA IMAGEN QUE QUIERES CUANDO SI ESTA EL RATON ENCIMA" href="http://" />
</map>

_________________
Imagen


La verdadera sabiduría está en reconocer la propia ignorancia.( Socrates )


12-21-2008, 18:38
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 04-09-2007, 8:10
Mensajes: 1423
Ubicación: Buenos Aires, Argentina
Nota Re: Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
No... probé asi y no funcionó:
Código:
<img src="http://images.fenixargentina.losforos.es/pro_six_0b.gif" width="290" height="35" border="0" usemap="#map" />

<map name="map">
<area shape="rect" coords="0,0,284,30" onmouseover="http://images.fenixargentina.losforos.es/pro_six_2b.gif" onmouseout="http://images.fenixargentina.losforos.es/pro_six_1b.gif" href="http://" />
</map>


12-21-2008, 18:52
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 12-12-2008, 16:40
Mensajes: 1062
Nota Re: Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
El over significa encima y el out significa fuera. Es decir, con esto tienes que manejarte con dos imágenes. Una de las imágenes será la que utilices cuando el ratón este fuera, la segunda imagen la utilizarás cuando el ratón se ponga encima de la imagen.

Suerte.

_________________
- Premio Ier Concurso de Firmas
- Premio al forero revelación de 2008
- Premio al forero con mejor avatar 2008


12-21-2008, 23:10
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 04-09-2007, 8:10
Mensajes: 1423
Ubicación: Buenos Aires, Argentina
Nota Re: Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
Gracias pero eso ya lo se... lo que pasa es que necesito saber que va despues de > onmouseover=this.src="URL DE LA IMAGEN" < se que es algo asi pero no me sale....


12-21-2008, 23:50
Perfil WWW
Forero Experto
Forero Experto
Avatar de Usuario

Registrado: 10-28-2007, 1:40
Mensajes: 2071
Ubicación: Argentina
Nota Re: Ayuda: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"
matgon escribió:
Gracias pero eso ya lo se... lo que pasa es que necesito saber que va despues de > onmouseover=this.src="URL DE LA IMAGEN" < se que es algo asi pero no me sale....


la imagen en el onmouseover tenes que ponerla asi:

Código:
onmouseover='this.src="aqui la url de la imagen"'


y respeta bien la cantidad de comillas... ;)

saludos y espero te funcione!

_________________
LA CAFETERIA !


02-07-2009, 18:18
Perfil WWW
Mostrar mensajes previos:  Ordenar por  
Responder al tema   [ 7 mensajes ] 

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 3 invitados


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.081s | 15 Queries | GZIP : Off ]