Hola a todos.
Llevo peleándome un buen rato con un widget que he programado yo.
Os cuento:
Cuando paso el mouse por encima hago que la imagen cambie y parezca que cambia de color.
Cuando hago click sobre la imagen se despliega un texto hasta nuevo click.
Lo que quiero es que cuando haga click y se despliegue el texto la función onmouseover se esté "quietecita" y la imagen no cambie hasta que el texto se contraiga.
Os dejo el script y el código porque seguro que la modificación que tengo que hacer es sencilla:
CÓDIGO SCRIPT
<script language="javascript" type="text/javascript">
//<![CDATA[
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
}
else {
ele.style.display = "block";
}
}
//]]>
</script>
-------------------------------------------------------------------------------------------------------------------------
CÓDIGO IMAGEN:
<a id="displayText" href="javascript:toggle();" name="displayText">
<img id="IMAGEN1" style="width: 100%; max-width: 570px;; height:auto;" src= "DIR_IMAGEN1" name="IMAGEN1" onmouseover="this.src='DIR_IMAGEN2';" onmouseout= "this.src='DIR_IMAGEN1;" alt="" /></a>
</blockquote>
<div id="toggleText" style="display: none"><br />
<blockquote>
----------------------------------------------------------------------------------------------------------------------
CÓDIGO TEXTO:
<p style="margin-bottom:0.0pt;"></p>
<blockquote><span style="color:#000000;"><strong>GESTIÓN INTEGRAL.</strong></span></blockquote>