Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Mapa de imágenes con "OnMouseOver" y "OnMouseOut"

Foro de charla No Soporte.
📌 Aquí Debates sobre phpBB.


0
No hay votos
 
Votos totales: 0

matgon
Observador/a
Mensajes: 24
Registrado: 09 Abr 2007, 05:28

Mapa de imágenes con "OnMouseOver" y "OnMouseOut"

#1

Mensaje por matgon »

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:
<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!!




Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
xoom
Ex Staff
Mensajes: 1158
Registrado: 03 Ene 2006, 09:02
Género:

Re: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"

#2

Mensaje por xoom »

En el primero código debes poner la imagen que quieras que aparezca al cargar la página.

En el segundo código, el valor de onmouseover debe ser la url de la imagen que quieras que aparezca cuando se pase el ratón por la imagen del primer código. El valor en onmouseout es para que al quitar el cursor, el script haga algo. Viendo ese código supongo que lo que quieres es que una imgen cambie al parsar el cursor sobre ella y que al pulsarla te abra una ventana con la url especificada. En este caso en onmouseout no tienes que especificar nada.
URL: http://www.lasegundaguerra.com
Plantilla usuada: Dirty Board
MODs instalados: Medals Mods, Multi Race Rank Theme
Versión de phpBB: 3.08
Servidor: De pago


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
matgon
Observador/a
Mensajes: 24
Registrado: 09 Abr 2007, 05:28

Re: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"

#3

Mensaje por matgon »

yo probe este pero no me funcionó :

Código: Seleccionar todo

<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>


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
xoom
Ex Staff
Mensajes: 1158
Registrado: 03 Ene 2006, 09:02
Género:

Re: Mapa de imágenes con "OnMouseOver" y "OnMouseOut"

#4

Mensaje por xoom »

Prueba con este código, siempre que lo que quieras es que al pasar el cursor sobre la imagen, esta cambie

Código: Seleccionar todo

<script language=JavaScript>
<!--
imagen1=new Image
imagen1.src="imagen1.gif"
imagen2=new Image
imagen2.src="imagen2.gif"
// -->
</script>

<P><a href="http://www.url.com" onmouseover=op1.src=imagen2.src
onmouseout=op1.src=imagen1.src><img src="jsim1.gif" border=0 width=30
name=op1></a>
imagen1 y 2, la url de las imágenes. En http://www.url.com" onclick="window.open(this.href);return false;, la url que dirigirá al pulsar sobre la imagen.
URL: http://www.lasegundaguerra.com
Plantilla usuada: Dirty Board
MODs instalados: Medals Mods, Multi Race Rank Theme
Versión de phpBB: 3.08
Servidor: De pago


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Volver a “➡️ Charla general”