Tema: cambiar imagen onclick.
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/11/2012, 12:43
Avatar de Javier01
Javier01
 
Fecha de Ingreso: febrero-2008
Ubicación: Montevideo
Mensajes: 261
Antigüedad: 16 años, 10 meses
Puntos: 31
Respuesta: cambiar imagen onclick.
¿Podría ser algo así?


Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>Cedula</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
  6.     <!-- Bootstrap -->
  7.     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  8.     
  9.     <script src="http://code.jquery.com/jquery-latest.js"></script>
  10.     <script src="js/bootstrap.min.js"></script>
  11.   </head>
  12.   <body>
  13.   <img src="negro.PNG" id="menu1" name="menu1" onclick="cambiarcolor(this);">
  14.   <img src="negro.PNG" id="menu2" name="menu2" onclick="cambiarcolor(this);">
  15.   <img src="negro.PNG" id="menu4" name="menu4" onclick="cambiarcolor(this);">
  16.   <img src="negro.PNG" id="menu5" name="menu5" onclick="cambiarcolor(this);">
  17.   <img src="negro.PNG" id="menu3" name="menu3" onclick="cambiarcolor(this);">
  18.   <img src="negro.PNG" id="menu6" name="menu6" onclick="cambiarcolor(this);">
  19. <script language="javascript">
  20. function cambiarcolor(obj){
  21.     for (i=1;i<=6;i++){
  22.         document.getElementById('menu'+i).src='negro.PNG';
  23.         obj.src = 'rojo.PNG';
  24.     }
  25. }
  26. </script>
  27.  
  28.   </body>
  29. </html>
__________________
Tomarse un tiempo para redactar correctamente la pregunta, utilizando los signos de puntuación adecuados, es ganar tiempo y calidad en la respuesta.