[JS] Immagine che si espande e si comprime
Ciao a tutti!
Ho fatto questo script:
Codice HTML:
<script language="javascript">
var altezza=0;
var esp=0;
function cronologia(){
if(esp==0){
exp=setInterval("espandi()",10);
esp=1;
}else{
comp=setInterval("comprimi()",10);
esp=0;
}
}
function espandi(){
var immagine = document.getElementById("cronologia");
var hal=immagine.style.height.replace("px","");
if(hal!="520"){
immagine.style.height=altezza;
altezza=altezza+10;
}else{
clearInterval(exp);
}
}
function comprimi(){
var immagine = document.getElementById("cronologia");
var hal=immagine.style.height.replace("px","");
if(hal>=0){
immagine.style.height=altezza;
altezza=altezza-10;
}else{
clearInterval(comp);
}
}
</script>
<img id="cronologia" style="width:300px;height:0px" src="cronologia.png"/><br>
<a href="javascript:cronologia()">Cronologia</a>
che permette, cliccando su Cronologia, di espandere e comprimere l'immagine cronologia.png. Con FireFox funziona tutto benissimo mentre con IE si espande, si comprime e mi da un errore (che non ho capito nemmeno quale) e si blocca il tutto (non è più possibile espanderlo).
Sapete perchè IE mi fa sto scherzo?