cambiar imagen por otra al clikear y volver al volver a clickear

Shaka · #1 (**permalink**) 22/07/2005, 10:51

Seguramente es simple pero no he podido hacerlo
Quiero crear una funcion que pueda utilizar en mis links para rotar una imagen por la otra cada vez que hago click, algo asi como un boton ON-OFF-ON
EL tema es que lo que he probado no me ha funcionado, les paso el codigo y a ver si pueden ayudarme

function cambiar() {
var i=1;
if (i == 1){
document.images["flecha1"].src="image/ico/arrow_up.gif";
i=2;
}
else
{
document.images["flecha1"].src="image/ico/arrow_down.gif";
i=1;
}
}

Y mas abajo en una tabla:

<td width="113"><a href="javascript:" class="menu" onClick="cambiar()">INMUEBLES</a></td>
<td width="15"><img src="image/ico/arrow_up.gif" name="flecha1" width="10" height="16" id="flecha1"></td>

Lo cierto es que no me funciona, y quiero a partir de este modelo cuando este funcionando crear una funcion que sirva para todos. Algo asi:

cambiar('id_imagen','unaimagen.jpg','laotraimagen. jpg')

He buscado y si bien encontre, me siguen dando errores del tipo que no se encuentra el objeto
Espero que puedan ayudarme
Gracias

neo_1899_fcb · #2 (**permalink**) 22/07/2005, 11:50

esto tendría que funcionar:

Código HTML:

function cambiar(id,una,otra)
{
imagensrc=document.getElementById(id).src;
if(imagensrc==otra)
{
imagensrc=una;
}else{
imagensrc=otra;
}
}

Código HTML:

<img src="unaimagen.jpg" onclick="cambiar('id_imagen','unaimagen.jpg','laotraimagen. jpg')" />

angsanchez · #3 (**permalink**) 22/07/2005, 11:58

Shaka , el problema de tu función es que la variable "i" es interna, con lo que no se guarda su valor de una vez a otra. Valdría si hicieras

Código:

var i=1;
function cambiar() {
   (etc.)

Pero si, como dices, quieres hacerla genérica para otras imágenes ese método no te valdrá, es mejor que uses algo como lo que te ha dicho neo.

Shaka · #4 (**permalink**) 22/07/2005, 12:37

Cita:

Iniciado por neo_1899_fcb

esto tendría que funcionar:

Código HTML:

function cambiar(id,una,otra)
{
imagensrc=document.getElementById(id).src;
if(imagensrc==otra)
{
imagensrc=una;
}else{
imagensrc=otra;
}
}

Código HTML:

<img src="unaimagen.jpg" onclick="cambiar('id_imagen','unaimagen.jpg','laotraimagen. jpg')" />

Lo acabo de probar pero no me anda, y ademas el tema es que lo que dispara la accion debe ser un link de texto

y probe armar un link con el onclick="cambiar('id_imagen','unaimagen.jpg','laot raimagen. jpg')" pero nada
Alguna idea de por que?
Gracias

neo_1899_fcb · #5 (**permalink**) 22/07/2005, 13:54

perdonperdon, es que no tuve tiempo de probarlo. menudo fallo. como va a cambiar la imagen de la forma que lo puse... ayy que mal estamos.

ahora:

Código HTML:

function cambiar(id,una,otra)
{
imagen=document.getElementById(id);
if(imagen.src==otra)
{
imagen.src=una;
}else{
imagen.src=otra;
}
}

Shaka · #6 (**permalink**) 23/07/2005, 11:55

Esto funciona en mouseover pero no onclick, alguien sabe porque?

<html>
<head>
<script language="javascript">

</script>
</head>

<body>
<p><img src="image/ico/arrow_up.gif" name="ejemplo" width="10" height="16" id="ejemplo">
</p>
<p><a href="javascript:" >INMUEBLES</a></p>
<p><a href="javascript:" onMouseOver="cambiar(document.ejemplo,'image/ico/arrow_up.gif','image/ico/arrow_down.gif')">Al pasar</a></p>
<p><a href="javascript:" onClick="cambiar(document.ejemplo,'image/ico/arrow_up.gif','image/ico/arrow_down.gif')">Con click</a></p>
</body>
</html>

neo_1899_fcb · #7 (**permalink**) 23/07/2005, 13:00

prueba esto. me funciona perfectamente. con link de texto, al hacer click...

Código HTML:

function cambiar(id,una,otra)
{
imagen=document.getElementById(id);
if(imagen.src==otra)
{
imagen.src=una;
}else{
imagen.src=otra;
}
}

Código HTML:

<a href="javascript:cambiar('id_imagen','unaimagen.jpg','laotraimagen. jpg')">cambiar</a>

Shaka · #8 (**permalink**) 25/07/2005, 09:22

Funcono correctamente,
Pero por favor, para desasnar a este aprendiz, porque no funciona con el evento onClick?

manuelete · #9 (**permalink**) 29/09/2008, 19:45

Necesito la misma función pero para el evento onclick... ¿alguien podría decirnos?

gracias

JavierB · #10 (**permalink**) 30/09/2008, 08:37

El mensaje original es de hace más de 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,