cambiar imagen onclick.

lexus · #1 (**permalink**) 23/11/2012, 07:01

hola,

tengo varias imagenes en un menu
las cuales cada una tiene su propio link

hay forma de que cuando yo le de click a una de estas imagenes la que le di click cambie de color?
y luego cuando le de click a otra la anterior vuelva a su color anterior?

para el cambio de color uso dos imagenes distintas.

hasta ahora solo he logrado cambiar a otra imagen, pero si le doy click a todas los botones todos cambian de color, y asi no es.

hasta ahora solo logro cambiar una cuando doy click con esto
document.getElementById('imagen').src = '../img/botones/menu/over/blanca.png';

me imagino que habra que hacer un for o un ciclo para cambiar todas las otras diferentes a las que le di click. alguien tiene un ejemplo?

Javier01 · #2 (**permalink**) 23/11/2012, 12:43

¿Podría ser algo así?

Código HTML:

Ver original<!DOCTYPE html>
<html>
  <head>
    <title>Cedula</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </head>
  <body>
  <img src="negro.PNG" id="menu1" name="menu1" onclick="cambiarcolor(this);">
  <img src="negro.PNG" id="menu2" name="menu2" onclick="cambiarcolor(this);">
  <img src="negro.PNG" id="menu4" name="menu4" onclick="cambiarcolor(this);">
  <img src="negro.PNG" id="menu5" name="menu5" onclick="cambiarcolor(this);">
  <img src="negro.PNG" id="menu3" name="menu3" onclick="cambiarcolor(this);">
  <img src="negro.PNG" id="menu6" name="menu6" onclick="cambiarcolor(this);">
<script language="javascript">
function cambiarcolor(obj){
    for (i=1;i<=6;i++){
        document.getElementById('menu'+i).src='negro.PNG';
        obj.src = 'rojo.PNG';
    }
}
</script>
 
  </body>
</html>

stinson · #3 (**permalink**) 19/12/2012, 10:11

a mi me pasa algo parecido, de echo diría que es lo mismo, pero yo lo hago con más imágenes y no solo con dos, he probado con un switch dentro del for, que cada i cambie la imagen, pero no, solo me cambia las 2 primeras y me coge solo la última imagen...

rectifico, me coge todas las imágenes que tengo, pero SIEMPRE me cambia por la última imagen que aparece en el case, la del case6 en este caso