Comunidad PHPeros

Lenguajes => JavaScript => Mensaje iniciado por: ALeDiAqUa en 13 de Febrero de 2011, 01:27:11 am

Título: [ayuda] Imagen que remplaza a otra
Publicado por: ALeDiAqUa en 13 de Febrero de 2011, 01:27:11 am
Hola amigos, estoy con un proyecto y nececito saber lo siguiente:
Como remplazar una imagen con otra al darle click, tipo un reproductor de musica, ya tengo el javascript pero me falta lo siguiente:

Código: [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
function replay (url)
{
document.getElementById("idreplay").src = url;
}

function estop (ur12)
{
document.getElementById("idstop").src = url2;
}
</script>
</head>

<body>

<p>Replay</p>

<p>Stop</p>

</body>
</html>

Si hay algún error en el código porfavor avisarme.
Título: Re:[ayuda] Imagen que remplaza a otra
Publicado por: Warlox en 13 de Febrero de 2011, 07:11:48 am
Hola, bueno. Nada más tienes que obtener el ID de la imagen que buscas, y cambiarle el atributo src, mediante jQuery puede ser, o si lo prefieres puramente en JavaScript ;)

Saludos.
Título: Re:[ayuda] Imagen que remplaza a otra
Publicado por: ALeDiAqUa en 13 de Febrero de 2011, 20:05:30 pm
No entendí tanto, bueno entendí pero no estoy seguro de que hacer ..
Título: Re:[ayuda] Imagen que remplaza a otra
Publicado por: Siquillote en 13 de Febrero de 2011, 21:43:37 pm

Debes usar onclick() para cambiar el atributo src tal y como dijo Warlox. Por ejemplo; onclick="this.src='Nueva URL'"
Título: Re:[ayuda] Imagen que remplaza a otra
Publicado por: ALeDiAqUa en 13 de Febrero de 2011, 22:02:33 pm
Muchas gracias, lo estaré probando les daría karma pero no tengo mensajes suficientes.
Título: Re:[ayuda] Imagen que remplaza a otra
Publicado por: Siquillote en 13 de Febrero de 2011, 22:04:35 pm

Muchas gracias, lo estaré probando les daría karma pero no tengo mensajes suficientes.

Eso es lo de menos ;)
Título: Re:[ayuda] Imagen que remplaza a otra
Publicado por: ALeDiAqUa en 13 de Febrero de 2011, 22:13:36 pm
Ya me funciono, me di cuenta que no hacia falta el código que postie.
Pero una pregunta:

Tengo 2 imágenes

"Imagen a"  y  "Imagen b". La a es la primera y la B es la segunda.
pero ya al pinchar en la a no puedo hacer lo mismo en la B y que vuelva a funcionar.

¿Como puedo hacer?