Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/01/2012, 14:50
Avatar de Byte75
Byte75
 
Fecha de Ingreso: enero-2012
Ubicación: España
Mensajes: 6
Antigüedad: 12 años, 10 meses
Puntos: 0
Activar audio al pasar el ratón sobre una imagen y a su vez redirigir a otra URL

¡Hola a todo el mundo! Soy nuevo aquí, de modo que ante todo saludos y gracias de antemano

Vereis, tengo una web en wordpress en la que uso una "intro" con un botón de "enter web". Cuando la gente pulsa ese botón, aparece un gif de un cartucho de dinamita que se prende y estalla, el efecto lo he logrado con este código:

<p style="text-align: center;"><a onmouseover="image1.src='IMAGEN 2';" onmouseout="image1.src='IMAGEN 1';" href="URL DE ENVIO"><img class="aligncenter" style="border-style: initial; border-color: initial; border-image: initial; border-width: 0px;" src="IMAGEN 1" alt="" name="image1" width="144" height="115" border="0" /></a></p>

Pero he conseguido un efecto de audio para que se oiga la explosión en waw o mp3 y no logro encontrar el truco para que al pasar el mouse sobre la imagen se reproduzca.

¿Alguien sabe qué trozo de código debo añadir? O en su defecto ¿algún truco sencillo para esto? Mis conocimientos de html/javascript son justitos y no me entero mucho ni con tutoriales.

Recordad que no basta con que al pasar el mouse se reproduzca el sonido, también debe enviarme a la web principal como ya hace ese código que he puesto.

He rebuscado bien antes de preguntar y aunque he encontrado temas parecidos, ninguno es exactamente lo que busco. ¡Saludos!

Última edición por Byte75; 08/01/2012 a las 15:00