Hola a todos!
tengo un código js que cambia de imagen al hacer click, lo hace perfectamente en una etiqueta img pero quiero que lo haga en un input type image pero al hacer click en esta se envía, ¿como puedo hacer para que cambia la imagen del input type image y no me envíe el formulario?
el codigo js es el siguiente
Código PHP:
<SCRIPT LANGUAGE="JavaScript">
mi_imagen1=new Image
mi_imagen1.src="images/pizzas-off.png"
mi_imagen2=new Image
mi_imagen2.src="images/pizzas-on.png"
var i=1;
function cambia_imagen() {
if (i == 1)
{
document.images['prueba'].src=mi_imagen2.src
i=2;
}
else
{
document.images['prueba'].src=mi_imagen1.src;
i=1;
}
}
</script>
y el html
Código PHP:
<form action="" method="">
<input type="image" src="images/pizzas-off.png" name="prueba" value="" onclick="javascript:cambia_imagen();" />
</form>
Saludos