Hola amigos, tengo lo siguiente:
<img src="images/moduloa_114.jpg" onMouseOver="this.src='images/moduloa2_114.jpg'" onMouseOut="this.src='images/moduloa_114.jpg'" onclick="check('chk_id',this.id,'images/moduloa_114.jpg');" id="images/moduloav_114" alt="" name="images/moduloa2_114" />
entonces, la imagen parte de un color, si hago mouseover tiene que cambiar, si hago roll out tiene que volver a su estado normal, pero si la clickeo tiene que cambiar, hasta ahí estamos bien, el problema es que si clickeo y saco el mouse, queda normal nuevamente, la idea es que quede con la imagen presionada, alguien me ayuda?
saludos y gracias :)
edito:
El js que utilizo es el siguiente
Código Javascript
:
Ver original<script type="text/javascript">
//<![CDATA[
*
function testchk(){
var valor = document.getElementById('chk_id').checked;
alert(valor);
}
function check(checkboxid,imag,defecto) { *
var valor = document.getElementById(checkboxid).checked;
*
if (valor == false){
document.getElementById(checkboxid).checked = true; *
document.getElementById(imag).src = imag + ".jpg"; *
}else{
document.getElementById(checkboxid).checked = false; *
document.getElementById(imag).src = defecto; *
}
*
} *
//]]>
</script>