Hola,
Soy nuevo por aquí y esperaba que alguno de vosotros pudiese ayudarme. Estoy haciendo algo tan básico como hacer que en un reproductor, el boton play y el de pause alternen, es decir, que al pulsar "play", este boton cambie a "pause" y viceversa.
El código funciona sin aplicar estilos, pero cuando le aplico a la imagen un estilo tan simple como es la posición del botón, el onclick en vez de actuar sobre la imagen, actúa sobre los bordes de un cuadrado que contiene a la imagen en su interior. ¿Alguien sabe qué puede estar pasando?
Codigo en el HTML:
<script type="text/javascript">
function play_pause(img){
if (img.src.indexOf('play')>=0) img.src=img.src.replace('play','pause');
else img.src=img.src.replace('pause','play');
}
</script>
...
<div><a href="javascript
:mygallery.navigate('playpause')"> <img src="../imaxes/botones/boton_play.png" alt="play" id="boton_play" onclick="play_pause(this);"/></a></div>
Codigo de CSS
#boton_play {
position: absolute;
left: 368px;
top: 350px;
}
El cuadrado imaginario lo crea esté donde esté situado "id="boton_play"", quiero decir, da igual si está en el div, en el "a" o en "img".
Muchas Gracias