Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/09/2012, 15:52
jeenicita
Invitado
 
Mensajes: n/a
Puntos:
Poner sonido a imágenes con JavaScript

Hola a todos

Bueno mi problema es el siguiente:
Soy relativamente nueva con esto de la programación, y estoy haciendo una página para niños, lo que esta debe hacer es que en las actividades por ejemplo "El abecedario" me muestre la imagen de cada una de las letras y su respectivo sonido, ya tengo hecha la parte de las imágenes, pero no he podido hacer la parte del sonido, he intentado con HTML5 y no pude, leí que con JavaScript era más sencillo, y he tratado de hacerlo, pero no ha sido posible.

El código es para mostrar es las imágenes es el siguiente:

dentro del head:

<script language="javascript">
var NumImg=0;
function RotarA()
{
NumImg=NumImg+1;
Imagen();
}
function RotarAT()
{
NumImg=NumImg-1;
Imagen();
}
function Imagen()
{
switch(NumImg)
{
case 1:
document.getElementById('Graf').src = "A.jpg";
break;
case 2:
document.getElementById('Graf').src = "B.jpg";
break;
case 3:
document.getElementById('Graf').src = "C.jpg";
break;
case 4:
document.getElementById('Graf').src = "D.jpg";
break;
case 5:
document.getElementById('Graf').src = "E.jpg";
break;
}
}

</script>

((Bueno y así con todas las letras))

en el body:

<div id="Contenido" align=center>

<table>
<tr>
<td>
<input id="M2" value="<<" id="Atras" type="submit" onClick="RotarAT()"/>
</td>
<td>
<img id="Graf"/>
</td>
<td>
</td>
<td>
<input id="M1" value=">>" id="Adelante" type="submit" onClick="RotarA()"/>
</td>
</tr>

</table>

Y esto es lo que llevo, si alguien me puede ayudar le agradecería mucho

Una vez más Gracias