toggle() con imagen fija cuando se hace click
Publicado por AGUSTIN (2 intervenciones) el 12/11/2014 20:05:49
<a id="displayText" href="javascript:toggle();" name="displayText">
<img id="image_3395978" src= "http:IMAGEN1"
onmouseover="this.src='IMAGEN2'"
onmouseout="this.src='IMAGEN1;"
alt="" name="" /></a>
<div id="toggleText" style="display: none">
Hasta aquí creo que se ve que la función está asociada a una imagen con toggle() que al hacer click sobre ella se despliega un texto. Los eventos onmouseover y onmouseout supongo que no son ningún misterio.
Lo que quiero es lo siguiente: que al hacer click y se despliegue el texto, la IMAGEN2 se mantenga (como la de "onmouseover") y que no intervenga "onmouseout" hasta que el texto se contraiga con otro click.
Saludos.
Os dejo el <script> por si lo necesitais:
<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>
<img id="image_3395978" src= "http:IMAGEN1"
onmouseover="this.src='IMAGEN2'"
onmouseout="this.src='IMAGEN1;"
alt="" name="" /></a>
<div id="toggleText" style="display: none">
Hasta aquí creo que se ve que la función está asociada a una imagen con toggle() que al hacer click sobre ella se despliega un texto. Los eventos onmouseover y onmouseout supongo que no son ningún misterio.
Lo que quiero es lo siguiente: que al hacer click y se despliegue el texto, la IMAGEN2 se mantenga (como la de "onmouseover") y que no intervenga "onmouseout" hasta que el texto se contraiga con otro click.
Saludos.
Os dejo el <script> por si lo necesitais:
<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>
Valora esta pregunta
0