Autor Tema: [ayuda] Imagen que remplaza a otra  (Leído 703 veces)

Desconectado ALeDiAqUa

  • PHPerit@
  • *
  • Mensajes: 23
  • Karma: 1
  • Nuev@ PHPer@
    • Ver Perfil
[ayuda] Imagen que remplaza a otra
« 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.

Comunidad PHPeros

[ayuda] Imagen que remplaza a otra
« en: 13 de Febrero de 2011, 01:27:11 am »

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[ayuda] Imagen que remplaza a otra
« Respuesta #1 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.
- Moderador de PHP


Desconectado ALeDiAqUa

  • PHPerit@
  • *
  • Mensajes: 23
  • Karma: 1
  • Nuev@ PHPer@
    • Ver Perfil
Re:[ayuda] Imagen que remplaza a otra
« Respuesta #2 en: 13 de Febrero de 2011, 20:05:30 pm »
No entendí tanto, bueno entendí pero no estoy seguro de que hacer ..

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[ayuda] Imagen que remplaza a otra
« Respuesta #3 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'"

#Fdo. Physlet

Desconectado ALeDiAqUa

  • PHPerit@
  • *
  • Mensajes: 23
  • Karma: 1
  • Nuev@ PHPer@
    • Ver Perfil
Re:[ayuda] Imagen que remplaza a otra
« Respuesta #4 en: 13 de Febrero de 2011, 22:02:33 pm »
Muchas gracias, lo estaré probando les daría karma pero no tengo mensajes suficientes.

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[ayuda] Imagen que remplaza a otra
« Respuesta #5 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 ;)

#Fdo. Physlet

Desconectado ALeDiAqUa

  • PHPerit@
  • *
  • Mensajes: 23
  • Karma: 1
  • Nuev@ PHPer@
    • Ver Perfil
Re:[ayuda] Imagen que remplaza a otra
« Respuesta #6 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?