Como cambiar imagenes al dar clik sobre ella. !!!

cmartinez75 · #1 (**permalink**) 07/12/2006, 16:36

Hola a todos..

como puedo resolver lo siguiente:

Tengo un enlace que dice mostrar y es una imagen, cuando le doy clik a este enalce me ejecuta una funcion... pero lo que requiero es que al mismo tiempo que me ejecute la funcion, me cambie de imagen., por otra que diga Ocultar, y me ejecute otra funcion... donde unicamente pueda ver solo una opcion ya sea Ocultar o mostrar..

como puedo generar esta funcionalidad

Gracias

chalchis · #2 (**permalink**) 08/12/2006, 01:35

utilze algo asi pero era cuando mostraba un div es decir si el div esta visible se cambia la imagen si no cambia a otra imagen

function cambio(cual,el)
{
var elhtml2 = document.getElementById(el);
if (document.getElementById(cual).style.display == 'none')
{
document.getElementById(cual).style.display = 'block';
elhtml2.src = '../Imagen/Insumos_img/arriba.gif';
}
else
{
document.getElementById(cual).style.display = 'none';
elhtml2.src = '../Imagen/Insumos_img/abajo.gif';
}
}

<img src="../Imagen/Insumos_img/abajo.gif" width="16" height="16" id="c1" onclick="cambio('Tester1','c1')" style="cursor:pointer">

saludos espero te de una idea

BLAH !! · #3 (**permalink**) 08/12/2006, 04:27

Tambiçe puede ser algo asi

Código HTML:

<HTML>
<HEAD>
<TITLE>CAMBIAR IMAGEN AL CLICKEARLA</TITLE>


<SCRIPT LANGUAGE="Javascript">
function Permut (flag,img) {
   if (document.images) {
        if (document.images[img].permloaded) {
            if (flag==1) document.images[img].src = document.images[img].perm.src
            else document.images[img].src = document.images[img].perm.oldsrc
        }
   }
}
function preloadPermut (img,adresse) {
   if (document.images) {
        img.onload = null;
        img.perm = new Image ();
        img.perm.oldsrc = img.src;
        img.perm.src = adresse;
        img.permloaded = true;
   }
}
</SCRIPT>

</HEAD>

<BODY>
<A HREF="#" onclick="Permut(1,'IMG1');">
<IMG SRC="mi_imagen1.jpg" border=0 NAME="IMG1" 

onLoad="preloadPermut(this,'mi_imagen2.jpg');" ></A>


</BODY>
</HTML>

cmartinez75 · #4 (**permalink**) 11/12/2006, 08:47

que tal.. Blah..

Tu codigo si me cambia la imagen.. esta bien. lo que necesito tambien es que al momento cuando cambia la imagen se ejecute una funcion.. y cuando una vez que haya cambiado de imagen, le vuelva a dar click, y me vuelva a cambiatr otra vez la imagen, a como estaba en un principio y esta me ejecute nuevamente otra funcion, es decir para cada click se ejecute una funcion...

Saludos

marcosr · #5 (**permalink**) 11/12/2006, 10:11

Para establecer más de una función en un solo onclick, escribe onclick="función1(); función2(); función3()" Creo que así funciona bien.